{"version":3,"sources":["webpack:///./src/components/global/TheAddressForm.vue?49e0","webpack:///./src/components/global/TheAddressForm.vue","webpack:///./node_modules/vue-google-autocomplete/src/VueGoogleAutocomplete.vue","webpack:///node_modules/vue-google-autocomplete/src/VueGoogleAutocomplete.vue","webpack:///./node_modules/vue-google-autocomplete/src/VueGoogleAutocomplete.vue?b318","webpack:///./node_modules/vue-google-autocomplete/src/VueGoogleAutocomplete.vue?a27e","webpack:///src/components/global/TheAddressForm.vue","webpack:///./src/components/global/TheAddressForm.vue?699c","webpack:///./src/components/global/TheAddressForm.vue?fb82"],"names":["render","_vm","this","_c","_self","attrs","on","$event","$emit","address","countryLocked","_e","staticClass","_v","_s","$t","changeCountry","model","value","searchCountry","callback","$$v","expression","_l","$store","getters","countries","country","key","Name","ref","Code","disable","getAddressData","streetAddress","$set","city","postal","region","staticRenderFns","directives","name","rawName","autocompleteText","class","classname","id","placeholder","disabled","domProps","onFocus","onBlur","onChange","onKeyPress","onKeyUp","target","composing","subpremise","street_number","route","locality","administrative_area_level_1","administrative_area_level_2","postal_code","props","type","required","default","types","fields","enableGeolocation","geolocationOptions","data","autocomplete","geolocation","geocoder","loc","position","watch","newVal","oldVal","mounted","options","document","methods","onPlaceChanged","clear","focus","blur","update","updateCoordinates","results","geolocate","updateGeolocation","navigator","lat","lng","biasAutocompleteLocation","center","radius","formatResult","returnData","filterGeocodeResultTypes","output","component","components","VueGoogleAutocomplete","addressData","apt","computed"],"mappings":"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","file":"assets/js/chunk-b778e66e.95e703bf.js","sourcesContent":["export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/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--14-0!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheAddressForm.vue?vue&type=style&index=0&id=0e1cfa08&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('form',{attrs:{\"autocomplete\":\"off\"},on:{\"input\":function($event){return _vm.$emit('addressChange', _vm.address)}}},[_c('div',[(!_vm.countryLocked)?_c('div',{staticClass:\"card-body\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"dashboard.label.pleaseSelectACountry\")))]),_c('b-form-select',{staticClass:\"input-pills bg-white\",on:{\"input\":_vm.changeCountry},model:{value:(_vm.searchCountry),callback:function ($$v) {_vm.searchCountry=$$v},expression:\"searchCountry\"}},[_c('b-form-select-option',{attrs:{\"value\":{}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"dashboard.label.selectACountry\"))+\" \")]),_vm._l((_vm.$store.getters.countries),function(country){return _c('b-form-select-option',{key:country.Name,attrs:{\"value\":country}},[_vm._v(\" \"+_vm._s(country.Name)+\" \")])})],2)],1):_vm._e(),_c('div',{staticClass:\"card-body\"},[_c('div',{staticClass:\"search-address-title\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"dashboard.label.searchAddress\")))]),(_vm.countryLocked)?_c('span',[_vm._v(\" in \"),_c('span',[_vm._v(_vm._s(_vm.countryLocked.Name))])]):_vm._e()]),_c('vue-google-autocomplete',{ref:\"address\",attrs:{\"id\":\"map\",\"classname\":\"form-control input-pills\",\"placeholder\":\"Search...\",\"country\":_vm.countryLocked ? _vm.countryLocked.Code : _vm.searchCountry.Code,\"autocomplete\":\"off\",\"disabled\":_vm.disable},on:{\"placechanged\":_vm.getAddressData}})],1),_c('div',{staticClass:\"card-body\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"accountSettings.label.streetAddress\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"disabled\":_vm.disable,\"list\":\"address-id\",\"type\":\"text\",\"trim\":\"\"},model:{value:(_vm.address.streetAddress),callback:function ($$v) {_vm.$set(_vm.address, \"streetAddress\", $$v)},expression:\"address.streetAddress\"}})],1),_c('div',{staticClass:\"card-body\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"accountSettings.label.city\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"disabled\":_vm.disable,\"type\":\"text\"},model:{value:(_vm.address.city),callback:function ($$v) {_vm.$set(_vm.address, \"city\", $$v)},expression:\"address.city\"}})],1),_c('div',{staticClass:\"card-body\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"dashboard.label.PostalZipCode\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"disabled\":_vm.disable,\"type\":\"text\"},model:{value:(_vm.address.postal),callback:function ($$v) {_vm.$set(_vm.address, \"postal\", $$v)},expression:\"address.postal\"}})],1),_c('div',{staticClass:\"card-body\"},[_c('label',[_vm._v(_vm._s(_vm.$t(\"dashboard.label.ProvinceStateRegion\")))]),_c('b-form-input',{staticClass:\"input-pills\",attrs:{\"disabled\":_vm.disable},model:{value:(_vm.address.region),callback:function ($$v) {_vm.$set(_vm.address, \"region\", $$v)},expression:\"address.region\"}})],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.autocompleteText),expression:\"autocompleteText\"}],ref:\"autocomplete\",class:_vm.classname,attrs:{\"type\":\"text\",\"id\":_vm.id,\"placeholder\":_vm.placeholder,\"disabled\":_vm.disabled},domProps:{\"value\":(_vm.autocompleteText)},on:{\"focus\":function($event){return _vm.onFocus()},\"blur\":function($event){return _vm.onBlur()},\"change\":_vm.onChange,\"keypress\":_vm.onKeyPress,\"keyup\":_vm.onKeyUp,\"input\":function($event){if($event.target.composing)return;_vm.autocompleteText=$event.target.value}}})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <input\n        ref=\"autocomplete\"\n        type=\"text\"\n        :class=\"classname\"\n        :id=\"id\"\n        :placeholder=\"placeholder\"\n        :disabled=\"disabled\"\n        v-model=\"autocompleteText\"\n        @focus=\"onFocus()\"\n        @blur=\"onBlur()\"\n        @change=\"onChange\"\n        @keypress=\"onKeyPress\"\n        @keyup=\"onKeyUp\"\n    />\n</template>\n\n<script>\n    const ADDRESS_COMPONENTS = {\n        subpremise : 'short_name',\n        street_number: 'short_name',\n        route: 'long_name',\n        locality: 'long_name',\n        administrative_area_level_1: 'short_name',\n        administrative_area_level_2: 'long_name',\n        country: 'long_name',\n        postal_code: 'short_name'\n    };\n\n    const CITIES_TYPE = ['locality', 'administrative_area_level_3'];\n    const REGIONS_TYPE = ['locality', 'sublocality', 'postal_code', 'country',\n        'administrative_area_level_1', 'administrative_area_level_2'];\n\n    /*\n      By default, we're only including basic place data because requesting these \n      fields place data is not additionally charged by Google. Please refer to:\n\n      https://developers.google.com/maps/billing/understanding-cost-of-use#basic-data\n    */\n    const BASIC_DATA_FIELDS = ['address_components', 'adr_address', 'alt_id', \n        'formatted_address', 'geometry', 'icon', 'id', 'name', \n        'business_status', 'photo', 'place_id', 'scope', 'type', 'url', \n        'utc_offset_minutes', 'vicinity'];\n\n    export default {\n        name: 'VueGoogleAutocomplete',\n\n        props: {\n          id: {\n            type: String,\n            required: true\n          },\n\n          classname: String,\n\n          placeholder: {\n            type: String,\n            default: 'Start typing'\n          },\n\n          disabled: {\n            type: Boolean,\n            default: false\n          },\n\n          types: {\n            type: String,\n            default: 'address'\n          },\n\n          fields: {\n            type: Array,\n            default: function() {\n              return BASIC_DATA_FIELDS;\n            },\n          },\n\n          country: {\n            type: [String, Array],\n            default: null\n          },\n\n          enableGeolocation: {\n            type: Boolean,\n            default: false\n          },\n\n          geolocationOptions: {\n            type: Object,\n            default: null\n          }\n        },\n\n        data() {\n            return {\n                /**\n                 * The Autocomplete object.\n                 *\n                 * @type {Autocomplete}\n                 * @link https://developers.google.com/maps/documentation/javascript/reference#Autocomplete\n                 */\n                autocomplete: null,\n\n                /**\n                 * Autocomplete input text\n                 * @type {String}\n                 */\n                autocompleteText: '',\n\n                geolocation: {\n                    /**\n                     * Google Geocoder Objet\n                     * @type {Geocoder}\n                     * @link https://developers.google.com/maps/documentation/javascript/reference#Geocoder\n                     */\n                    geocoder: null,\n\n                    /**\n                     * Filled after geolocate result\n                     * @type {Coordinates}\n                     * @link https://developer.mozilla.org/en-US/docs/Web/API/Coordinates\n                     */\n                    loc: null,\n\n                    /**\n                     * Filled after geolocate result\n                     * @type {Position}\n                     * @link https://developer.mozilla.org/en-US/docs/Web/API/Position\n                     */\n                    position: null\n                }\n            }\n        },\n\n        watch: {\n            autocompleteText: function (newVal, oldVal) {\n\t            this.$emit('inputChange', { newVal, oldVal }, this.id);\n            },\n            country: function(newVal, oldVal) {\n              this.autocomplete.setComponentRestrictions({\n                country: this.country === null ? [] : this.country\n              });\n            }\n        },\n\n        mounted: function() {\n          const options = {};\n\n          if (this.types) {\n            options.types = [this.types];\n          }\n\n          if (this.country) {\n            options.componentRestrictions = {\n              country: this.country\n            };\n          }\n\n          this.autocomplete = new google.maps.places.Autocomplete(\n                document.getElementById(this.id),\n                options\n            );\n\n          this.autocomplete.setFields(this.fields);\n\n          this.autocomplete.addListener('place_changed', this.onPlaceChanged);\n        },\n\n        methods: {\n            /**\n             * When a place changed\n             */\n            onPlaceChanged() {\n                let place = this.autocomplete.getPlace();\n\n                if (!place.geometry) {\n                  // User entered the name of a Place that was not suggested and\n                  // pressed the Enter key, or the Place Details request failed.\n                  this.$emit('no-results-found', place, this.id);\n                  return;\n                }\n\n                if (place.address_components !== undefined) {\n                    // return returnData object and PlaceResult object\n                    this.$emit('placechanged', this.formatResult(place), place, this.id);\n\n                    // update autocompleteText then emit change event\n                    this.autocompleteText = document.getElementById(this.id).value\n                    this.onChange()\n                }\n            },\n\n            /**\n             * When the input gets focus\n             */\n            onFocus() {\n              this.biasAutocompleteLocation();\n              this.$emit('focus');\n            },\n\n            /**\n             * When the input loses focus\n             */\n            onBlur() {\n              this.$emit('blur');\n            },\n\n            /**\n             * When the input got changed\n             */\n            onChange() {\n              this.$emit('change', this.autocompleteText);\n            },\n\n            /**\n             * When a key gets pressed\n             * @param  {Event} event A keypress event\n             */\n            onKeyPress(event) {\n              this.$emit('keypress', event);\n            },\n\n            /**\n             * When a keyup occurs\n             * @param  {Event} event A keyup event\n             */\n            onKeyUp(event) {\n              this.$emit('keyup', event);\n            },\n\n            /**\n             * Clear the input\n             */\n            clear() {\n              this.autocompleteText = ''\n            },\n\n            /**\n             * Focus the input\n             */\n            focus() {\n              this.$refs.autocomplete.focus()\n            },\n\n            /**\n             * Blur the input\n             */\n            blur() {\n              this.$refs.autocomplete.blur()\n            },\n\n            /**\n             * Update the value of the input\n             * @param  {String} value\n             */\n            update (value) {\n              this.autocompleteText = value\n            },\n\n            /**\n             * Update the coordinates of the input\n             * @param  {Coordinates} value\n             */\n            updateCoordinates (value) {\n                if (!value && !(value.lat || value.lng)) return;\n                if (!this.geolocation.geocoder) this.geolocation.geocoder = new google.maps.Geocoder();\n                this.geolocation.geocoder.geocode({'location': value}, (results, status) => {\n                    if (status === 'OK') {\n                        results = this.filterGeocodeResultTypes(results);\n                        if (results[0]) {\n                            this.$emit('placechanged', this.formatResult(results[0]), results[0], this.id);\n                            this.update(results[0].formatted_address);\n                        } else {\n                            this.$emit('error', 'no result for provided coordinates');\n                        }\n                    } else {\n                        this.$emit('error', 'error getting address from coords');\n                    }\n                })\n            },\n\n            /**\n             * Update location based on navigator geolocation\n             */\n            geolocate () {\n                this.updateGeolocation ((geolocation, position) => {\n                    this.updateCoordinates(geolocation)\n                })\n            },\n\n            /**\n             * Update internal location from navigator geolocation\n             * @param  {Function} (geolocation, position)\n             */\n            updateGeolocation (callback = null) {\n                if (navigator.geolocation) {\n                    let options = {};\n                    if(this.geolocationOptions) Object.assign(options, this.geolocationOptions);\n                    navigator.geolocation.getCurrentPosition(position => {\n                        let geolocation = {\n                            lat: position.coords.latitude,\n                            lng: position.coords.longitude\n                        };\n                        this.geolocation.loc = geolocation;\n                        this.geolocation.position = position;\n\n                        if (callback) callback(geolocation, position);\n                    }, err => {\n                        this.$emit('error', 'Cannot get Coordinates from navigator', err);\n                    }, options);\n                }\n            },\n\n\n            // Bias the autocomplete object to the user's geographical location,\n            // as supplied by the browser's 'navigator.geolocation' object.\n            biasAutocompleteLocation () {\n                if (this.enableGeolocation) {\n                    this.updateGeolocation((geolocation, position) => {\n                        let circle = new google.maps.Circle({\n                            center: geolocation,\n                            radius: position.coords.accuracy\n                        });\n                        this.autocomplete.setBounds(circle.getBounds());\n                    })\n                }\n            },\n\n            /**\n             * Format result from Geo google APIs\n             * @param place\n             * @returns {{formatted output}}\n             */\n            formatResult (place) {\n                let returnData = {};\n                for (let i = 0; i < place.address_components.length; i++) {\n                    let addressType = place.address_components[i].types[0];\n\n                    if (ADDRESS_COMPONENTS[addressType]) {\n                        let val = place.address_components[i][ADDRESS_COMPONENTS[addressType]];\n                        returnData[addressType] = val;\n                    }\n                }\n\n                returnData['latitude'] = place.geometry.location.lat();\n                returnData['longitude'] = place.geometry.location.lng();\n                return returnData\n            },\n\n            /**\n             * Extract configured types out of raw result as\n             * Geocode API does not allow to do it\n             * @param results\n             * @returns {GeocoderResult}\n             * @link https://developers.google.com/maps/documentation/javascript/reference#GeocoderResult\n             */\n            filterGeocodeResultTypes (results) {\n                if (!results || !this.types) return results;\n                let output = [];\n                let types = [this.types];\n                if (types.includes('(cities)')) types = types.concat(CITIES_TYPE);\n                if (types.includes('(regions)')) types = types.concat(REGIONS_TYPE);\n\n                for (let r of results) {\n                    for (let t of r.types) {\n                        if (types.includes(t)) {\n                            output.push(r);\n                            break;\n                        }\n                    }\n                }\n                return output;\n            }\n        }\n    }\n</script>\n","import mod from \"-!../../@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./VueGoogleAutocomplete.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./VueGoogleAutocomplete.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VueGoogleAutocomplete.vue?vue&type=template&id=53422fc4&\"\nimport script from \"./VueGoogleAutocomplete.vue?vue&type=script&lang=js&\"\nexport * from \"./VueGoogleAutocomplete.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <form autocomplete=\"off\" @input=\"$emit('addressChange', address)\">\r\n    <div>\r\n      <!-- <b-col cols=\"12\" class=\"pb-3\" v-if=\"countryLocked\">\r\n        <b-icon icon=\"check-circle-fill\" variant=\"success\"></b-icon>\r\n        <b class=\"px-2\">{{ countryLocked.Name }}</b>\r\n      </b-col> -->\r\n      <div class=\"card-body\" v-if=\"!countryLocked\">\r\n        <label>{{ $t(\"dashboard.label.pleaseSelectACountry\") }}</label>\r\n        <b-form-select\r\n          v-model=\"searchCountry\"\r\n          class=\"input-pills bg-white\"\r\n          @input=\"changeCountry\"\r\n        >\r\n          <b-form-select-option :value=\"{}\">\r\n            {{ $t(\"dashboard.label.selectACountry\") }}\r\n          </b-form-select-option>\r\n          <b-form-select-option\r\n            v-for=\"country in $store.getters.countries\"\r\n            :key=\"country.Name\"\r\n            :value=\"country\"\r\n          >\r\n            {{ country.Name }}\r\n          </b-form-select-option>\r\n        </b-form-select>\r\n      </div>\r\n\r\n      <div class=\"card-body\">\r\n        <div class=\"search-address-title\">\r\n          <label>{{ $t(\"dashboard.label.searchAddress\") }}</label\r\n          ><span v-if=\"countryLocked\">\r\n            in <span>{{ countryLocked.Name }}</span></span\r\n          >\r\n        </div>\r\n\r\n        <vue-google-autocomplete\r\n          ref=\"address\"\r\n          id=\"map\"\r\n          classname=\"form-control input-pills\"\r\n          placeholder=\"Search...\"\r\n          @placechanged=\"getAddressData\"\r\n          :country=\"countryLocked ? countryLocked.Code : searchCountry.Code\"\r\n          autocomplete=\"off\"\r\n          :disabled=\"disable\"\r\n        />\r\n      </div>\r\n\r\n      <div class=\"card-body\">\r\n        <label>{{ $t(\"accountSettings.label.streetAddress\") }}</label>\r\n        <b-form-input\r\n          :disabled=\"disable\"\r\n          list=\"address-id\"\r\n          type=\"text\"\r\n          v-model=\"address.streetAddress\"\r\n          class=\"input-pills\"\r\n          trim\r\n        />\r\n      </div>\r\n      <div class=\"card-body\">\r\n        <label>{{ $t(\"accountSettings.label.city\") }}</label>\r\n        <b-form-input\r\n          :disabled=\"disable\"\r\n          type=\"text\"\r\n          v-model=\"address.city\"\r\n          class=\"input-pills\"\r\n        />\r\n      </div>\r\n      <div class=\"card-body\">\r\n        <label>{{ $t(\"dashboard.label.PostalZipCode\") }}</label>\r\n        <b-form-input\r\n          :disabled=\"disable\"\r\n          type=\"text\"\r\n          v-model=\"address.postal\"\r\n          class=\"input-pills\"\r\n        />\r\n      </div>\r\n      <div class=\"card-body\">\r\n        <label>{{ $t(\"dashboard.label.ProvinceStateRegion\") }}</label>\r\n        <b-form-input :disabled=\"disable\" v-model=\"address.region\" class=\"input-pills\" />\r\n      </div>\r\n    </div>\r\n  </form>\r\n</template>\r\n\r\n<script>\r\nimport VueGoogleAutocomplete from \"vue-google-autocomplete\";\r\n\r\nexport default {\r\n  components: { VueGoogleAutocomplete },\r\n\r\n  props: {\r\n    countryLocked: {\r\n      type: Object,\r\n      default: null,\r\n    },\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      addressData: null,\r\n      address: {\r\n        streetAddress: this.$store.getters.userAddress1,\r\n        apt: this.$store.getters.userAddress2,\r\n        city: this.$store.getters.userCity,\r\n        region: this.$store.getters.userProvince,\r\n        postal: this.$store.getters.userPostalCode,\r\n        country: this.countryLocked ? this.countryLocked.Name : \"\",\r\n      },\r\n      searchCountry: {},\r\n    };\r\n  },\r\n  computed: {\r\n    disable() {\r\n      if (!this.countryLocked) {\r\n        return Object.keys(this.searchCountry).length == 0;\r\n      } else return false;\r\n    },\r\n  },\r\n\r\n  mounted() {\r\n    // To demonstrate functionality of exposed component functions\r\n    // Here we make focus on the user input\r\n    this.$refs.address.focus();\r\n  },\r\n\r\n  methods: {\r\n    /**\r\n     * When the location found\r\n     * @param {Object} addressData Data of the found location\r\n     * @param {Object} placeResultData PlaceResult object\r\n     * @param {String} id Input container ID\r\n     */\r\n    getAddressData: function (addressData, placeResultData, id) {\r\n      this.addressData = addressData;\r\n      if (addressData.street_number) {\r\n        this.address.streetAddress = addressData.street_number + \" \" + addressData.route;\r\n      } else {\r\n        this.address.streetAddress = addressData.route;\r\n      }\r\n\r\n      if (addressData.locality) this.address.city = addressData.locality;\r\n\r\n      this.address.region = addressData.administrative_area_level_1;\r\n      if (addressData.postal_code) this.address.postal = addressData.postal_code;\r\n      this.$emit(\"addressChange\", this.address);\r\n      placeResultData;\r\n      id;\r\n    },\r\n    changeCountry(country) {\r\n      this.address.streetAddress = this.address.country = this.address.city = this.address.postal = this.address.region = this.address.apt =\r\n        \"\";\r\n      this.address.country = country.Name;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.search-address-title {\r\n  font-size: 16px;\r\n  color: #363636;\r\n  span {\r\n    font-weight: 600;\r\n    font-size: 17px;\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheAddressForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/@vue/cli-plugin-babel/node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/@vue/cli-plugin-babel/node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/@vue/cli-service/node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./TheAddressForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheAddressForm.vue?vue&type=template&id=0e1cfa08&scoped=true&\"\nimport script from \"./TheAddressForm.vue?vue&type=script&lang=js&\"\nexport * from \"./TheAddressForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheAddressForm.vue?vue&type=style&index=0&id=0e1cfa08&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0e1cfa08\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}