{"version":3,"sources":["webpack:///./src/View/components/AddressAdd.vue","webpack:///src/View/components/AddressAdd.vue","webpack:///./src/View/components/AddressAdd.vue?e9a6","webpack:///./src/View/components/AddressAdd.vue?bac0","webpack:///./src/View/components/dropdown.vue","webpack:///src/View/components/dropdown.vue","webpack:///./src/View/components/dropdown.vue?6975","webpack:///./src/View/components/dropdown.vue?fae9","webpack:///./src/View/components/GoogleMap.vue","webpack:///src/View/components/GoogleMap.vue","webpack:///./src/View/components/GoogleMap.vue?3f14","webpack:///./src/View/components/GoogleMap.vue?7d7b","webpack:///./src/assets/images/svg/clear-input.svg","webpack:///./src/View/components/textAreaInput.vue","webpack:///src/View/components/textAreaInput.vue","webpack:///./src/View/components/textAreaInput.vue?7523","webpack:///./src/View/components/textAreaInput.vue?9965"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_m","attrs","showAdditional","showMap","addressObj","selectedRadius","clearSearch","center","_v","class","selectedVal","on","$event","changeVal","_s","CustomVal","_e","directives","name","rawName","value","expression","domProps","target","composing","radiusDispText","radiusList","slectRadius","houseNo","data","floorNumber","buildingName","directionNote","contactName","contactNumber","errObj","contacNumErr","checkContactNumber","discard","saveNewAddress","staticRenderFns","Vue","load","key","libraries","components","GoogleMap","NumberInput","Button","TextAreaInput","TextField","Dropdown","markers","autocompleteOptions","lat","lng","customerAddressId","customerId","addressLine1","addressLine2","city","state","zip","country","latitude","longitude","fullAddress","addressTitle","address","displayName","props","created","mounted","setTimeout","navigator","alert","watch","addedAddress","handler","deep","methods","document","mark","geocoder","newAddress","window","position","clearAll","isValid","setPlace","places","mapAddressDetails","type","beforeDestroy","component","lableText","closeList","inputValue","length","showError","textMaxlength","disabled","setReadOnly","placholderText","setAutoFocust","inputId","keyPressAction","indexOf","_k","keyCode","enterkeyPressAction","apply","arguments","keyup","keydown","blurAction","inputChangeAction","onClickInputAction","focus","showArrow","showPlus","opened","addNew","showClearIcon","showClearIconNear","require","clearInput","listId","displayList","_l","index","downPressCount","keyName","stopPropagation","preventDefault","selectNewVal","isDisable","recordMessage","bind","el","vnode","unbind","scrollCount","callSearch","disabledBtn","searchRecordMessage","fieldError","items","inputext","checkKey","e","downArrowAction","upArrowAction","documentvalue","location","isSshowSelection","searchResults","result","i","saveLocation","getDistance","parseInt","distance_meters","structured_formatting","main_text","secondary_text","isShow","pin","fillColor","strokeColor","fillOpacity","googleSessionToken","service","addressSearch","placesService","currentPlace","metaInfo","script","src","async","defer","GmapCircle","input","origin","radius","distance","getPlaceDetails","placeId","MapsInit","displaySuggestions","matchFind","replceString","module","exports","closePopup","showcharLimit","inputType","textRight","showDate","pattern","inputTypeText","rows","cols","change","hidePassword"],"mappings":"kHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2BC,YAAY,CAAC,MAAQ,SAAS,SAAW,OAAO,aAAa,MAAM,aAAa,QAAQ,CAACH,EAAG,MAAM,CAACE,YAAY,YAAY,CAACJ,EAAIM,GAAG,GAAGJ,EAAG,MAAM,GAAG,CAACA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,YAAY,CAACK,MAAM,CAAC,eAAiBP,EAAIQ,eAAe,UAAYR,EAAIS,QAAQ,eAAiBT,EAAIU,WAAWC,eAAe,OAAS,KAAK,YAAcX,EAAIY,gBAAgB,GAAmB,OAAfZ,EAAIa,OAAiBX,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAIc,GAAG,oBAAoBZ,EAAG,MAAM,CAACA,EAAG,OAAO,CAACE,YAAY,yBAAyBW,MAA0B,SAApBf,EAAIgB,YAAyB,wBAA0B,GAAGC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,UAAU,WAAW,CAACnB,EAAIc,GAAG,YAAYZ,EAAG,OAAO,CAACE,YAAY,yBAAyBW,MAA0B,WAApBf,EAAIgB,YAA2B,wBAA0B,GAAGC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,UAAU,aAAa,CAACnB,EAAIc,GAAG,cAAcZ,EAAG,OAAO,CAACE,YAAY,oBAAoBW,MAA0B,UAApBf,EAAIgB,YAA0B,wBAA0B,GAAGC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOlB,EAAImB,UAAU,YAAY,CAAsB,UAApBnB,EAAIgB,YAAyBd,EAAG,OAAO,CAACF,EAAIc,GAAGd,EAAIoB,GAAGpB,EAAIqB,cAAcrB,EAAIsB,KAA0B,UAApBtB,EAAIgB,YAAyBd,EAAG,QAAQ,CAACqB,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAO1B,EAAIqB,UAAWM,WAAW,cAAcvB,YAAY,sEAAsEG,MAAM,CAAC,GAAK,cAAcqB,SAAS,CAAC,MAAS5B,EAAIqB,WAAYJ,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOW,OAAOC,YAAiB9B,EAAIqB,UAAUH,EAAOW,OAAOH,WAAU1B,EAAIsB,WAAYtB,EAAIQ,eAAgBN,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,WAAW,CAACK,MAAM,CAAC,SAAWP,EAAIU,WAAWqB,eAAe,QAAU,mBAAmB,UAAY,wDAAwD,eAAkB,sBAAqB,WAAY,EAAM,UAAW,EAAM,WAAY,EAAK,aAAc,EAAK,eAAgB,EAAM,QAAU,cAAc,OAAS,cAAc,MAAQ/B,EAAIgC,YAAYf,GAAG,CAAC,gBAAkBjB,EAAIiC,gBAAgB,GAAGjC,EAAIsB,KAAKpB,EAAG,MAAM,CAACE,YAAY,kCAAkC,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,YAAY,CAACK,MAAM,CAAC,QAAU,aAAa,SAAWP,EAAIU,WAAWwB,QAAQ,eAAkB,sBAAqB,UAAY,sBAAsB,WAAY,GAAOjB,GAAG,CAAC,kBAAqBkB,GAASnC,EAAIU,WAAWwB,QAAUC,MAAS,GAAGjC,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,YAAY,CAACK,MAAM,CAAC,QAAU,eAAe,SAAWP,EAAIU,WAAW0B,YAAY,eAAkB,eAAc,UAAY,eAAe,WAAY,GAAOnB,GAAG,CAAC,kBAAqBkB,GAASnC,EAAIU,WAAW0B,YAAcD,MAAS,GAAGjC,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,YAAY,CAACK,MAAM,CAAC,QAAU,eAAe,SAAWP,EAAIU,WAAW2B,aAAa,eAAkB,0BAAyB,UAAY,0BAA0B,WAAY,GAAOpB,GAAG,CAAC,kBAAqBkB,GAASnC,EAAIU,WAAW2B,aAAeF,MAAS,GAAGjC,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAACF,EAAG,gBAAgB,CAACK,MAAM,CAAC,QAAU,aAAa,SAAWP,EAAIU,WAAW4B,cAAc,eAAkB,wCAAuC,UAAY,eAAe,UAAY,OAAO,WAAY,EAAM,cAAgB,IAAI,eAAgB,EAAK,KAAO,GAAG,KAAO,EAAE,aAAc,GAAOrB,GAAG,CAAC,kBAAqBkB,GAASnC,EAAIU,WAAW4B,cAAgBH,MAAS,KAAMnC,EAAIQ,eAAgBN,EAAG,MAAM,CAACE,YAAY,6BAA6B,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,YAAY,CAACK,MAAM,CAAC,QAAU,mBAAmB,SAAWP,EAAIU,WAAW6B,YAAY,eAAkB,eAAc,UAAY,eAAe,WAAY,EAAM,cAAgB,IAAItB,GAAG,CAAC,kBAAqBkB,GAASnC,EAAIU,WAAW6B,YAAcJ,MAAS,GAAGjC,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,cAAc,CAACK,MAAM,CAAC,eAAgB,EAAK,QAAU,sBAAsB,SAAWP,EAAIU,WAAW8B,cAAc,cAAgB,GAAG,eAAkB,iBAAgB,UAAY,iBAAiB,UAAY,OAAO,WAAY,EAAM,WAAyC,KAA5BxC,EAAIyC,OAAOC,aAAoB,aAAc,GAAOzB,GAAG,CAAC,eAAiB,SAASC,GAAQlB,EAAIyC,OAAOC,aAAe,IAAI,WAAa,SAASxB,GAAQ,OAAOlB,EAAI2C,mBAAmB,UAAU,kBAAqBR,GAASnC,EAAIU,WAAW8B,cAAgBL,KAAQjC,EAAG,IAAI,CAACE,YAAY,wBAAwB,CAACJ,EAAIc,GAAGd,EAAIoB,GAAGpB,EAAIyC,OAAOC,kBAAkB,KAAK1C,EAAIsB,OAAOtB,EAAIsB,OAAOpB,EAAG,MAAM,CAACE,YAAY,yDAAyD,CAACF,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,SAAS,CAACK,MAAM,CAAC,QAAU,SAAS,UAAY,QAAQ,SAAW,QAAQ,QAAU,WAAWU,GAAG,CAAC,aAAe,SAASC,GAAQ,OAAOlB,EAAI4C,cAAc1C,EAAG,SAAS,CAACK,MAAM,CAAC,QAAU,SAAS,SAA0B,OAAfP,EAAIa,OAAgB,UAAY,QAAQ,SAAW,UAAU,QAAW,QAAOI,GAAG,CAAC,aAAe,SAASC,GAAQ,OAAOlB,EAAI6C,sBAAsB,YAEp+JC,EAAkB,CAAC,WAAY,IAAI9C,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,mDAAmDC,YAAY,CAAC,UAAU,QAAQ,CAACH,EAAG,MAAM,CAACE,YAAY,oCAAoC,CAACJ,EAAIc,GAAG,uB,oICkJlPiC,OAAIA,IAAIA,EAAeA,CACvBC,MACAC,mCACAC,8BAGe,OACfC,YACAC,iBAEAC,mBACAC,cACAC,qBACAC,iBACAC,iBAEAtB,OACA,OACAnB,mBACAK,kBACAZ,WACAG,eACA8C,WACAC,qBACAC,MACAC,OAEAnD,YACAoD,oBACAC,aACAC,gBACAC,gBACAC,QACAC,SACAC,OACAC,WACAC,YACAC,aACAC,eACAtC,WACAE,eACAC,gBACAC,iBACA3B,iBACA6B,iBACAD,eACAkC,iBAEA5D,YACA6D,WACA1C,YACA,CAAA2C,uBAAAjD,SACA,CAAAiD,wBAAAjD,UACA,CAAAiD,wBAAAjD,UACA,CAAAiD,wBAAAjD,UACA,CAAAiD,wBAAAjD,UACA,CAAAiD,wBAAAjD,UACA,CAAAiD,yBAAAjD,WACA,CAAAiD,yBAAAjD,WACA,CAAAiD,mBAAAjD,WACA,CAAAiD,mBAAAjD,WACA,CAAAiD,mBAAAjD,YAEAK,0BACAU,QACAC,mBAIAkC,wCACAC,YAEAC,UACA,yCACA,aACAlB,iBACAC,kBAEA,4CACA,4CACA,4BACA,8BACA,0BACA,kCACA,oCACA,sCACA,4CAGAkB,kBAEA,KAEA,sBACAC,6CACA,0BACApB,sBACAC,0BAKAoB,uDAGAC,OACAC,cACAC,UACA,2BACA,oBACA,kBAEAC,UAGAC,SACAnE,aACA,mBACA,sBACA,wBAEA,cACA,kBACA4D,gBACAQ,+CACA,OAGAC,QACA,SACA,+BACA,GAAA5B,mBAAAC,oBACA4B,WAAA,2BACA,WACA,KACAC,yBAEAC,qCAIA,aACA/B,UACAC,WAEA,gBACA,qBACA,mBAAA+B,uBAEAb,gBACA,8BACA,wCACA,0CACA,MAEApC,qBACA,oDAEA,yBADA,EACA,oCAEA,IASAV,eACA,UACA,uCACA,6CACA,4DAEA,iCACA,iCAGAW,UACA2C,yCACA,8CACA,kBACA,iBACAzB,sDACAC,wCACAC,4CACAC,4CACAC,4BACAC,8BACAC,0BACAC,kCACAC,oCACAC,s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","file":"js/chunk-46f4669a.3a5bfb06.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"popup_overlay px-4\"},[_c('div',{staticClass:\"custom_dialog rounded-xl\",staticStyle:{\"width\":\"1000px\",\"overflow\":\"auto\",\"min-height\":\"92%\",\"max-height\":\"92%\"}},[_c('div',{staticClass:\"relative\"},[_vm._m(0),_c('div',{},[_c('div',{staticClass:\"p-4\"},[_c('GoogleMap',{attrs:{\"showAdditional\":_vm.showAdditional,\"isShowMap\":_vm.showMap,\"selectedRadius\":_vm.addressObj.selectedRadius,\"center\":null,\"clearSearch\":_vm.clearSearch}})],1),(_vm.center !== null)?_c('div',{staticClass:\"p-4 pt-0\"},[_c('div',{staticClass:\"mb-4\"},[_c('div',{staticClass:\"label_css pb-2\"},[_vm._v(\"Address Title:\")]),_c('div',[_c('span',{staticClass:\"ChipCss heading-6 mr-2\",class:_vm.selectedVal === 'home' ? 'bg-primary text-white' : '',on:{\"click\":function($event){return _vm.changeVal('home')}}},[_vm._v(\" Home \")]),_c('span',{staticClass:\"ChipCss heading-6 mr-2\",class:_vm.selectedVal === 'office' ? 'bg-primary text-white' : '',on:{\"click\":function($event){return _vm.changeVal('office')}}},[_vm._v(\" Office \")]),_c('span',{staticClass:\"ChipCss heading-6\",class:_vm.selectedVal === 'other' ? 'border border-primary' : '',on:{\"click\":function($event){return _vm.changeVal('other')}}},[(_vm.selectedVal !== 'other')?_c('span',[_vm._v(_vm._s(_vm.CustomVal))]):_vm._e(),(_vm.selectedVal === 'other')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.CustomVal),expression:\"CustomVal\"}],staticClass:\"bg-white rounded text-text1 ring-0 outline-none border border-white\",attrs:{\"id\":\"otherField\"},domProps:{\"value\":(_vm.CustomVal)},on:{\"input\":function($event){if($event.target.composing)return;_vm.CustomVal=$event.target.value}}}):_vm._e()])])]),(_vm.showAdditional)?_c('div',{staticClass:\"sm:grid grid-cols-2 gap-4 my-4\"},[_c('Dropdown',{attrs:{\"inputext\":_vm.addressObj.radiusDispText,\"inputId\":'jobloactioninput',\"lableText\":'Requires user to be withis (mtr/mi) from the location',\"placholderText\":`Select job location`,\"autoFocus\":false,\"showPlus\":false,\"showArrow\":true,\"setReadOnly\":true,\"searchCallApi\":false,\"keyName\":'displayName',\"listId\":'radiusdlist',\"items\":_vm.radiusList},on:{\"selectNewForVal\":_vm.slectRadius}})],1):_vm._e(),_c('div',{staticClass:\"sm:grid grid-cols-2 gap-4 mb-4\"},[_c('div',{staticClass:\"mb-4 sm:mb-0\"},[_c('TextField',{attrs:{\"inputId\":'housenumid',\"inputext\":_vm.addressObj.houseNo,\"placholderText\":`House/Office number`,\"lableText\":'House/Office number',\"autoFocus\":false},on:{\"inputChangeAction\":(data) => _vm.addressObj.houseNo = data}})],1),_c('div',{staticClass:\"mb-4 sm:mb-0\"},[_c('TextField',{attrs:{\"inputId\":'floornameeid',\"inputext\":_vm.addressObj.floorNumber,\"placholderText\":`Floor number`,\"lableText\":'Floor number',\"autoFocus\":false},on:{\"inputChangeAction\":(data) => _vm.addressObj.floorNumber = data}})],1),_c('div',{staticClass:\"mb-4 sm:mb-0 col-span-2\"},[_c('TextField',{attrs:{\"inputId\":'buildingName',\"inputext\":_vm.addressObj.buildingName,\"placholderText\":`Apartment/Building name`,\"lableText\":'Apartment/Building name',\"autoFocus\":false},on:{\"inputChangeAction\":(data) => _vm.addressObj.buildingName = data}})],1),_c('div',{staticClass:\"mb-4 sm:mb-0 col-span-2\"},[_c('TextAreaInput',{attrs:{\"inputId\":'howtoreach',\"inputext\":_vm.addressObj.directionNote,\"placholderText\":`e.g. take first exit from express way`,\"lableText\":'How to reach',\"inputType\":'text',\"autoFocus\":false,\"textMaxlength\":100,\"showcharLimit\":true,\"cols\":50,\"rows\":1,\"setReadOnly\":false},on:{\"inputChangeAction\":(data) => _vm.addressObj.directionNote = data}})],1)]),(_vm.showAdditional)?_c('div',{staticClass:\"sm:grid grid-cols-2 gap-4\"},[_c('div',{staticClass:\"mb-4 sm:mb-0\"},[_c('TextField',{attrs:{\"inputId\":'contactnameinput',\"inputext\":_vm.addressObj.contactName,\"placholderText\":`Contact Name`,\"lableText\":'Contact Name',\"autoFocus\":false,\"textMaxlength\":25},on:{\"inputChangeAction\":(data) => _vm.addressObj.contactName = data}})],1),_c('div',{staticClass:\"mb-4 sm:mb-0\"},[_c('NumberInput',{attrs:{\"showcharLimit\":true,\"inputId\":'addrescontactnumbid',\"inputext\":_vm.addressObj.contactNumber,\"textMaxlength\":12,\"placholderText\":`Contact Number`,\"lableText\":'Contact Number',\"inputType\":'text',\"autoFocus\":false,\"fieldError\":_vm.errObj.contacNumErr !== '',\"setReadOnly\":false},on:{\"keyPressAction\":function($event){_vm.errObj.contacNumErr = ''},\"blurAction\":function($event){return _vm.checkContactNumber('prime')},\"inputChangeAction\":(data) => _vm.addressObj.contactNumber = data}}),_c('p',{staticClass:\"text-error heading-7\"},[_vm._v(_vm._s(_vm.errObj.contacNumErr))])],1)]):_vm._e()]):_vm._e()]),_c('div',{staticClass:\"sticky bottom-0 bg-white w-full flex justify-end pr-3\"},[_c('div',{staticClass:\"text-rigth flex gap-2 mb-3\"},[_c('Button',{attrs:{\"btnSize\":'medium',\"textColor\":'text1',\"btnColor\":'gray1',\"btnText\":'Discard'},on:{\"buttonAction\":function($event){return _vm.discard()}}}),_c('Button',{attrs:{\"btnSize\":'medium',\"disabled\":_vm.center === null,\"textColor\":'white',\"btnColor\":'success',\"btnText\":`Save`},on:{\"buttonAction\":function($event){return _vm.saveNewAddress()}}})],1)])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bg-primary flex justify-between p-3 sticky top-0\",staticStyle:{\"z-index\":\"100\"}},[_c('div',{staticClass:\"font-medium text-white heading-3\"},[_vm._v(\" Add Address \")])])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"popup_overlay px-4\">\n    <div class=\"custom_dialog rounded-xl\" style=\"width: 1000px; overflow: auto; min-height: 92%; max-height: 92%;\">\n      <div class=\"relative\">\n        <div class=\"bg-primary flex justify-between p-3 sticky top-0\" style=\"z-index: 100\">\n          <div class=\" font-medium text-white heading-3\">\n            Add Address\n          </div>\n        </div>\n        <div style=\"\" class=\"\">\n          <div class=\"p-4 \">\n             <GoogleMap :showAdditional=\"showAdditional\" :isShowMap=\"showMap\" :selectedRadius=\"addressObj.selectedRadius\" :center=\"null\" :clearSearch=\"clearSearch\" >\n            </GoogleMap>\n          </div>\n          <div v-if=\"center !== null\" class=\"p-4 pt-0\">\n            <div class=\"mb-4\">\n              <div class=\"label_css pb-2\">Address Title:</div>\n                <div >\n                  <span @click=\"changeVal('home')\" class=\"ChipCss heading-6 mr-2\" :class=\"selectedVal === 'home' ? 'bg-primary text-white' : ''\">\n                    Home\n                  </span>\n                  <span @click=\"changeVal('office')\" class=\"ChipCss heading-6 mr-2\" :class=\"selectedVal === 'office' ? 'bg-primary text-white' : ''\">\n                    Office\n                  </span>\n                  <span @click=\"changeVal('other')\" class=\"ChipCss heading-6\" :class=\"selectedVal === 'other' ? 'border border-primary' : ''\">\n                    <span v-if=\"selectedVal !== 'other'\">{{ CustomVal}}</span>\n                    <input id=\"otherField\" v-if=\"selectedVal === 'other'\" v-model=\"CustomVal\" class=\" bg-white rounded text-text1 ring-0 outline-none border border-white\">\n                  </span>\n                </div>\n              </div>\n                <div v-if=\"showAdditional\" class=\"sm:grid grid-cols-2 gap-4 my-4\">\n                   <Dropdown \n                    :inputext=\"addressObj.radiusDispText\" \n                    :inputId=\"'jobloactioninput'\"\n                    :lableText=\"'Requires user to be withis (mtr/mi) from the location'\"\n                    :placholderText=\"`Select job location`\"\n                    :autoFocus=\"false\"\n                    :showPlus=\"false\"\n                    :showArrow=\"true\"\n                    :setReadOnly=\"true\"\n                    :searchCallApi=\"false\"\n                    :keyName=\"'displayName'\"\n                    :listId=\"'radiusdlist'\"\n                    :items=\"radiusList\"\n                    @selectNewForVal=\"slectRadius\"\n                    />\n                </div>\n                <div class=\"sm:grid grid-cols-2 gap-4 mb-4\">\n                    <div class=\"mb-4 sm:mb-0\">\n                        <TextField\n                            :inputId=\"'housenumid'\"\n                            :inputext=\"addressObj.houseNo\"\n                            :placholderText=\"`House/Office number`\"\n                            :lableText=\"'House/Office number'\"\n                            :autoFocus=\"false\"\n                            @inputChangeAction=\"(data) => addressObj.houseNo = data\"  />\n                    </div>\n                    <div class=\"mb-4 sm:mb-0\">\n                        <TextField\n                            :inputId=\"'floornameeid'\"\n                            :inputext=\"addressObj.floorNumber\"\n                            :placholderText=\"`Floor number`\"\n                            :lableText=\"'Floor number'\"\n                            :autoFocus=\"false\"\n                            @inputChangeAction=\"(data) => addressObj.floorNumber = data\"  />\n                    </div>\n                    <div class=\"mb-4 sm:mb-0 col-span-2\">\n                        <TextField\n                            :inputId=\"'buildingName'\"\n                            :inputext=\"addressObj.buildingName\"\n                            :placholderText=\"`Apartment/Building name`\"\n                            :lableText=\"'Apartment/Building name'\"\n                            :autoFocus=\"false\"\n                            @inputChangeAction=\"(data) => addressObj.buildingName = data\"  />\n                    </div>\n                    <div class=\"mb-4 sm:mb-0 col-span-2\">\n                        <TextAreaInput\n                      :inputId=\"'howtoreach'\"\n                      :inputext=\"addressObj.directionNote\"\n                      :placholderText=\"`e.g. take first exit from express way`\"\n                      :lableText=\"'How to reach'\"\n                      :inputType=\"'text'\"\n                      :autoFocus=\"false\"\n                      :textMaxlength=\"100\"\n                      :showcharLimit=\"true\"\n                      :cols=\"50\"\n                      :rows=\"1\"\n                      :setReadOnly=\"false\"\n                      @inputChangeAction=\"(data) => addressObj.directionNote = data\"  />\n                       \n                    </div>\n                </div>\n                <div v-if=\"showAdditional\" class=\" sm:grid grid-cols-2 gap-4\">\n                  <div class=\"mb-4 sm:mb-0\">\n                    <TextField\n                      :inputId=\"'contactnameinput'\"\n                      :inputext=\"addressObj.contactName\"\n                      :placholderText=\"`Contact Name`\"\n                      :lableText=\"'Contact Name'\"\n                      :autoFocus=\"false\"\n                      :textMaxlength=\"25\"\n                      @inputChangeAction=\"(data) => addressObj.contactName = data\"  />\n                  </div>\n                  <div class=\"mb-4 sm:mb-0\">\n                   <NumberInput\n                    :showcharLimit=\"true\"\n                    :inputId=\"'addrescontactnumbid'\"\n                    :inputext=\"addressObj.contactNumber\"\n                    :textMaxlength=\"12\"\n                    :placholderText=\"`Contact Number`\"\n                    :lableText=\"'Contact Number'\"\n                    :inputType=\"'text'\"\n                    :autoFocus=\"false\"\n                    :fieldError=\"errObj.contacNumErr !== ''\"\n                    :setReadOnly=\"false\"\n                    @keyPressAction=\"errObj.contacNumErr = ''\"\n                    @blurAction=\"checkContactNumber('prime')\"\n                    @inputChangeAction=\"(data) => addressObj.contactNumber = data\"  />\n\n                  <p class=\"text-error heading-7\">{{errObj.contacNumErr}}</p>\n                  </div>\n                </div>\n          </div>\n        </div>\n          <div class=\" sticky bottom-0 bg-white w-full flex justify-end pr-3\">\n            <div class=\"text-rigth flex gap-2 mb-3\">\n                <Button :btnSize=\"'medium'\" :textColor=\"'text1'\" :btnColor=\"'gray1'\" :btnText=\"'Discard'\" @buttonAction=\"discard()\"/>\n                <Button :btnSize=\"'medium'\" :disabled=\"center === null\" :textColor=\"'white'\" :btnColor=\"'success'\" :btnText=\"`Save`\" @buttonAction=\"saveNewAddress()\"/>\n            </div>\n            </div>\n        </div>\n    </div>\n  </div>\n</template>\n<script>\n/* global google */\nimport GoogleMap from '@/View/components/GoogleMap.vue'\n// import GmapCircle from 'vue2-google-maps/dist/components/circle'\nimport * as VueGoogleMaps from 'vue2-google-maps'\nimport Button from '@/View/components/globalButton.vue'\nimport Dropdown from '@/View/components/dropdown.vue'\nimport NumberInput from '@/View/components/number-text-field.vue'\n// import MyJobApp from '@/api/MyJobApp.js'\nimport Vue from 'vue'\nimport TextAreaInput from '@/View/components/textAreaInput.vue'\nimport TextField from '@/View/components/textfield.vue'\nimport store from '@/store'\nimport { checkSpeialChar } from \"@/utils/validation.js\";\nVue.use(VueGoogleMaps, {\n  load: {\n    key: store.getters.googleMapApiKey,\n    libraries: 'places,drawing' // necessary for places input\n  }\n})\nexport default {\n  components: {\n    GoogleMap,\n    // GmapCircle,\n    NumberInput,\n    Button,\n    TextAreaInput,\n    TextField,\n    Dropdown,\n  },\n  data () {\n    return {\n      selectedVal: 'home',\n      CustomVal: 'Other',\n      showMap: false,\n      clearSearch: false,\n      markers: [],\n      autocompleteOptions: {\n        lat: 0,\n        lng: 0\n      },\n      addressObj: {\n        customerAddressId: 0,\n        customerId: 0,\n        addressLine1: '',\n        addressLine2: '',\n        city: '',\n        state: '',\n        zip: '',\n        country: '',\n        latitude: '',\n        longitude: '',\n        fullAddress: '',\n        houseNo: '',\n        floorNumber: '',\n        buildingName: '',\n        directionNote: '',\n        selectedRadius: 0,\n        contactNumber: '',\n        contactName: '',\n        addressTitle: '',\n        },\n        center: null,\n        address: '',\n        radiusList: [\n          {displayName: 'Anywhere', value: 0},\n          {displayName: '10 meters', value: 10},\n          {displayName: '20 meters', value: 20},\n          {displayName: '30 meters', value: 30},\n          {displayName: '40 meters', value: 40},\n          {displayName: '50 meters', value: 50},\n          {displayName: '100 meters', value: 100},\n          {displayName: '500 meters', value: 500},\n          {displayName: '1 km', value: 1000},\n          {displayName: '2 km', value: 2000},\n          {displayName: '3 km', value: 3000},\n        ],\n        radiusDispText: 'Anywhere',\n        errObj: {\n          contacNumErr: ''\n        },\n    }\n  },\n  props: ['showAdditional', 'addedAddress'],\n   created() {\n  },\n  mounted () {\n    this.$root.$on(\"GlobalAddressObject\", (response) => {\n      this.center = {\n        lat: response.center.lat,\n        lng: response.center.lng\n      }\n      this.addressObj.addressLine1 = response.addressLine1\n      this.addressObj.addressLine2 = response.addressLine2\n      this.addressObj.city = response.city\n      this.addressObj.state = response.state\n      this.addressObj.zip = response.zip\n      this.addressObj.country = response.country\n      this.addressObj.latitude = response.latitude\n      this.addressObj.longitude = response.longitude\n      this.addressObj.fullAddress = response.fullAddress\n    });\n    // document.body.style = 'overflow: hidden;'\n    setTimeout(() => {\n        // document.getElementById('auto-complete-address').focus()\n    }, 500);\n\n    if (navigator.geolocation) {\n      navigator.geolocation.getCurrentPosition(currentPosition => {\n        this.autocompleteOptions = {\n          lat : currentPosition.coords.latitude,\n          lng : currentPosition.coords.longitude,\n        }\n      })\n    }\n    else {\n      alert('Geolocation is not supported in this browser')\n    }\n  },\n  watch: {\n    addedAddress: {\n      handler () {\n        if (this.addedAddress === null) {\n          this.clearSearch = true\n          this.clearAll()\n        }\n      }, deep: true\n    }\n  },\n  methods: {\n    changeVal (data) {\n      this.selectedVal = data\n      if (this.CustomVal === '') {\n        this.CustomVal = 'Other'\n      }\n      if (data === 'other') {\n        this.CustomVal = ''\n        setTimeout(() => {\n          document.getElementById('otherField').focus()\n        }, 200);\n      }\n    },\n    mark (event) {\n      let newAddress = ''\n      var geocoder = new google.maps.Geocoder;\n      var latlng = {lat: event.latLng.lat(), lng: event.latLng.lng()};\n      geocoder.geocode({'location': latlng}, function(results, status) {\n        if (status === 'OK') {\n          if (results[1]) {\n            newAddress = results[1].formatted_address\n          } else {\n            window.alert('No results found');\n          }\n        }\n      })\n      this.center = {\n        lat: latlng.lat,\n        lng: latlng.lng\n      }\n      this.markers = []\n      if (this.showAdditional) {\n        this.markers.push({ position: this.center })\n      }\n      setTimeout(() => {\n        this.addressObj.fullAddress = newAddress\n        this.addressObj.latitude = event.latLng.lat()\n        this.addressObj.longitude = event.latLng.lng()\n      }, 500);\n    },\n    checkContactNumber () {\n      let value = checkSpeialChar(this.addressObj.contactNumber)\n      if (value) {\n        this.errObj.contacNumErr = 'Please enter valid contact number'\n      } else {\n        this.errObj.contacNumErr = ''\n      }\n      // if (this.addressObj.contactNumber.length < 10 && this.addressObj.contactNumber !== '') {\n      //     this.errObj.contacNumErr = 'Please enter valid contact number'\n      // } else if (this.addressObj.contactNumber.length === 10 && this.addressObj.contactNumber.trim() !== '' || this.contactNumber.trim() === '') {\n      //     this.errObj.contacNumErr = ''\n      // }\n       \n    },\n    slectRadius (data) {\n      if (data !== null) {\n        this.addressObj.selectedRadius = data.value\n        this.addressObj.radiusDispText = data.displayName\n        this.$root.$emit('radius', this.addressObj.selectedRadius)\n      } else {\n        this.addressObj.selectedRadius = 0\n        this.radiusDispText = 'Anywhere'\n      }\n    },\n    discard () {\n      document.body.style = 'overflow: visible;'\n      this.$root.$emit('addAddressHandler', false, null)\n      if (this.addedAddress) {\n      this.addressObj = {\n        customerAddressId: this.addedAddress.customerAddressId,\n        customerId: this.addedAddress.customerId,\n        addressLine1: this.addedAddress.addressLine1,\n        addressLine2: this.addedAddress.addressLine2,\n        city: this.addedAddress.city,\n        state: this.addedAddress.state,\n        zip: this.addedAddress.zip,\n        country: this.addedAddress.country,\n        latitude: this.addedAddress.latitude,\n        longitude: this.addedAddress.longitude,\n        fullAddress: this.addedAddress.fullAddress,\n        houseNo: this.addedAddress.houseNo,\n        floorNumber: this.addedAddress.floorNumber,\n        buildingName: this.addedAddress.buildingName,\n        directionNote: this.addedAddress.directionNote,\n        selectedRadius: this.addedAddress.selectedRadius,\n        contactNumber: this.addedAddress.contactNumber,\n        contactName: this.addedAddress.contactName,\n        addressTitle: this.addedAddress.addressTitle,\n        }\n      } else {\n      this.clearAll()\n      }\n    },\n    clearAll () {\n      this.selectedVal = 'home'\n      this.CustomVal = 'Other'\n      this.showMap = false\n      this.clearSearch = true\n      this.markers = []\n      this.autocompleteOptions = {\n        lat: 0,\n        lng: 0\n      }\n      this.addressObj = {\n        customerAddressId: 0,\n        customerId: 0,\n        addressLine1: '',\n        addressLine2: '',\n        city: '',\n        state: '',\n        zip: '',\n        country: '',\n        latitude: '',\n        longitude: '',\n        fullAddress: '',\n        houseNo: '',\n        floorNumber: '',\n        buildingName: '',\n        directionNote: '',\n        selectedRadius: 0,\n        contactNumber: '',\n        contactName: '',\n        addressTitle: '',\n        }\n        this.center = null\n        this.address = ''\n        this.radiusList = [\n          {displayName: 'Anywhere', value: 0},\n          {displayName: '10 meters', value: 10},\n          {displayName: '20 meters', value: 20},\n          {displayName: '30 meters', value: 30},\n          {displayName: '40 meters', value: 40},\n          {displayName: '50 meters', value: 50},\n          {displayName: '100 meters', value: 100},\n          {displayName: '500 meters', value: 500},\n          {displayName: '1 km', value: 1000},\n          {displayName: '2 km', value: 2000},\n          {displayName: '3 km', value: 3000},\n        ]\n        this.radiusDispText = 'Anywhere',\n        this.errObj = {\n          contacNumErr: ''\n        }\n    },\n    saveNewAddress () {\n      let isValid = true\n      if (this.showAdditional && this.errObj.contacNumErr !== '') {\n        isValid = false\n      }\n      if (isValid) {\n        if (this.selectedVal === 'other') {\n          this.addressObj.addressTitle = this.CustomVal\n        } else {\n          this.addressObj.addressTitle = this.selectedVal\n        }\n        document.body.style = 'overflow: visible;'\n        this.$root.$emit('addAddressHandler', true, this.addressObj)\n      }\n    },\n    setPlace (place) {\n        let places= []\n      if (place) {\n         this.markers = []\n        this.center = {\n            lat: place.geometry.location.lat(),\n            lng: place.geometry.location.lng()\n        }\n        if (this.showAdditional) {\n          this.markers.push({ position: this.center })\n        }\n        places.push(place)\n      }\n      let detailData = places\n      this.addressObj.latitude = place.geometry.location.lat()\n      this.addressObj.longitude = place.geometry.location.lng()\n      this.addressObj.street = ''\n      this.addressObj.state = ''\n      this.addressObj.country = ''\n      this.addressObj.zip = ''\n      this.addressObj.city = ''\n      let mapAddressDetails = []\n      let type = ''\n      for (let i = 0; i < detailData.length; i++) {\n        mapAddressDetails = detailData[i].address_components\n        for (let j = 0; j < mapAddressDetails.length; j++) {\n          type = mapAddressDetails[j].types[0]\n          if (type === 'street_number' || type === 'sublocality_level_2' || type === 'sublocality' || type === 'sublocality_level_1' || type === 'route') {\n            this.addressObj.street += ' ' + mapAddressDetails[j].long_name\n          }\n          if (type === 'administrative_area_level_1') {\n            this.addressObj.state = mapAddressDetails[j].short_name\n          }\n          if (type === 'administrative_area_level_2') {\n            this.addressObj.country = mapAddressDetails[j].long_name\n          }\n          if (type === 'postal_code') {\n            this.addressObj.zip = mapAddressDetails[j].long_name\n          }\n\n          if (type === 'locality') {\n            this.addressObj.city = mapAddressDetails[j].long_name\n          }\n        }\n      }\n      this.addressObj.addressLine1 = place.name\n      let space = place.name !== '' ? ', ' : ''\n      this.addressObj.fullAddress = place.name + space + place.formatted_address\n    },\n  },\n  beforeDestroy () {\n    this.$root.$off('GlobalAddressObject')\n  }\n}\n</script>\n<style scoped>\n\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddressAdd.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddressAdd.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddressAdd.vue?vue&type=template&id=454331a5&scoped=true&\"\nimport script from \"./AddressAdd.vue?vue&type=script&lang=js&\"\nexport * from \"./AddressAdd.vue?vue&type=script&lang=js&\"\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  \"454331a5\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.lableText !== '')?_c('p',{staticClass:\"label_css h-5\"},[_vm._v(_vm._s(_vm.lableText))]):_vm._e(),_c('div',{directives:[{name:\"click-outside-input\",rawName:\"v-click-outside-input\",value:(_vm.closeList),expression:\"closeList\"}],staticClass:\"relative\",staticStyle:{\"min-height\":\"52px\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],staticClass:\"cust_text_field py-3 px-2 w-full text-text1 bg-white rounded items-center overFlowParaA\",class:`pr-${_vm.inputValue.length > 0 ? '12' : '8'}\n        ${_vm.showError ? 'border border-error text-error' : 'border border-gray2 flex text-text1 focus:border-primary focus:ring-1'}\n        `,attrs:{\"maxlength\":_vm.textMaxlength,\"disabled\":_vm.disabled,\"readonly\":_vm.setReadOnly,\"placeholder\":_vm.placholderText,\"type\":\"text\",\"autofocus\":_vm.setAutoFocust,\"autocomplete\":\"off\",\"id\":_vm.inputId},domProps:{\"value\":(_vm.inputValue)},on:{\"keypress\":[_vm.keyPressAction,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.enterkeyPressAction.apply(null, arguments)}],\"keyup\":_vm.keyup,\"keydown\":_vm.keydown,\"blur\":_vm.blurAction,\"input\":[function($event){if($event.target.composing)return;_vm.inputValue=$event.target.value},function($event){return _vm.inputChangeAction(_vm.inputValue)}],\"click\":_vm.onClickInputAction,\"focus\":_vm.focus}}),(_vm.showArrow)?_c('span',{staticClass:\"place-self-center absolute top-3.5\",class:_vm.showPlus ? 'right-10' : 'right-3'},[(_vm.opened)?_c('p',{staticClass:\"inline-flex mt-1\"},[_c('i',{staticClass:\"fas fa-chevron-up text-gray3 heading-6\"})]):_vm._e(),(!_vm.opened)?_c('span',{staticClass:\"mt-2\"},[_c('i',{staticClass:\"fas fa-chevron-down text-gray3 heading-6\"})]):_vm._e()]):_vm._e(),(_vm.showPlus)?_c('span',{staticClass:\"place-self-center absolute top-0 right-2 border-gray2 border-l flex justify-center items-center cursor-pointer\",staticStyle:{\"height\":\"50px\"},on:{\"click\":_vm.addNew}},[_vm._m(0)]):_vm._e(),(_vm.showClearIcon)?_c('span',{staticClass:\"cursor-pointer place-self-center absolute mt-px top-5\",class:`${_vm.inputValue.length > 0 ? 'visible' : 'invisible'} ${_vm.showClearIconNear ? ' right-9 ' : ' right-16'}`},[_c('img',{attrs:{\"height\":\"10px\",\"width\":\"10px\",\"src\":require(\"@/assets/images/svg/clear-input.svg\"),\"alt\":\"clearInput\"},on:{\"click\":_vm.clearInput}})]):_vm._e(),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.opened),expression:\"opened\"}],staticClass:\"absolute z-10 flex-col w-full max-h-52 h-auto bg-white overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg\",staticStyle:{\"overflow-x\":\"auto\"},attrs:{\"id\":`${this.listId}`}},[(_vm.displayList.length > 0)?_c('div',_vm._l((_vm.displayList),function(data,index){return _c('div',{key:index,staticClass:\"flex shadow hover:bg-gray-100 items-center cursor-pointer p-3 pl-2 border-b hover:bg-teal-100 border-transparent border-l-2 relative hover:border-teal-100\",class:`${_vm.downPressCount === index ? 'bg-gray-200 border-gray-200' : ''} ${_vm.inputValue === data[_vm.keyName] ? 'bg-info border-info' : '' }`,staticStyle:{\"min-height\":\"52px\"},attrs:{\"id\":`${index}`},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.selectNewVal(data)}}},[_c('div',{class:`${data.isDisable ? 'text-gray2' : ''} whitespace-nowrap overflow-hidden heading-4 overFlowParaA`},[_vm._v(\" \"+_vm._s(data[_vm.keyName])+\" \")])])}),0):_c('div',[_c('div',{staticClass:\"heading-4 p-2\"},[_vm._v(\" \"+_vm._s(_vm.recordMessage !== '' ? _vm.recordMessage : 'No Record Found')+\" \")])])])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{},[_c('i',{staticClass:\"pr-1 pl-2 fas fa-plus text-primary heading-6\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <p v-if=\"lableText !== ''\" class=\"label_css h-5\">{{lableText}}</p>\n        <div v-click-outside-input=\"closeList\" class=\"relative\" style=\"min-height: 52px\">\n            <input\n            :maxlength=\"textMaxlength\"\n            @keypress=\"keyPressAction\"\n            @keypress.enter=\"enterkeyPressAction\"\n            @keyup=\"keyup\" \n            @keydown=\"keydown\"\n            @blur=\"blurAction\"\n            @input=\"inputChangeAction(inputValue)\"\n            @click=\"onClickInputAction\"\n            @focus=\"focus\"\n            :disabled=\"disabled\"\n            :readonly=\"setReadOnly\"\n            v-model=\"inputValue\"\n            :placeholder=\"placholderText\"\n            type=\"text\"\n            :class=\"`pr-${inputValue.length > 0 ? '12' : '8'}\n            ${showError ? 'border border-error text-error' : 'border border-gray2 flex text-text1 focus:border-primary focus:ring-1'}\n            `\"\n            :autofocus=\"setAutoFocust\"\n            autocomplete=\"off\"\n            :id=\"inputId\"\n            class=\"cust_text_field py-3 px-2  w-full text-text1 bg-white rounded items-center overFlowParaA\">\n\n            <span v-if=\"showArrow\" :class=\"showPlus ? 'right-10' : 'right-3'\" class=\"place-self-center absolute top-3.5\">\n                <p v-if=\"opened\" class=\" inline-flex mt-1\"><i class=\"fas fa-chevron-up text-gray3 heading-6\"></i></p>\n                <span v-if=\"!opened\" class=\"mt-2\"><i class=\"fas fa-chevron-down text-gray3 heading-6\"></i></span>\n            </span>\n            <span @click=\"addNew\" v-if=\"showPlus\" style=\"height: 50px;\" class=\"place-self-center absolute top-0 right-2 border-gray2 border-l flex justify-center items-center cursor-pointer\">\n                <span class=\"\"><i class=\"pr-1 pl-2  fas fa-plus text-primary heading-6\" ></i></span>\n            </span>\n\n            <span v-if=\"showClearIcon\" class=\"cursor-pointer place-self-center absolute mt-px top-5\" :class=\"`${inputValue.length > 0 ? 'visible' : 'invisible'} ${showClearIconNear ? ' right-9 ' : ' right-16'}`\" >\n              <img @click=\"clearInput\" height=\"10px\" width=\"10px\" src=\"@/assets/images/svg/clear-input.svg\" alt=\"clearInput\">\n            </span>\n\n            <div :id=\"`${this.listId}`\" class=\" absolute z-10 flex-col w-full max-h-52 h-auto bg-white overflow-auto border heading-4 text-gray-800 border-gray-200 shadow-lg \" style=\"overflow-x: auto;\" v-show=\"opened\" >\n                <div v-if=\"displayList.length > 0\">\n                    <div v-for=\"(data, index) in displayList\" :key=\"index\" :id=\"`${index}`\"\n                    :class=\"`${downPressCount === index ? 'bg-gray-200 border-gray-200' : ''} ${inputValue === data[keyName] ? 'bg-info border-info' : '' }`\" style=\"min-height: 52px\"\n                    @click.stop.prevent=\"selectNewVal(data)\" class=\"flex shadow hover:bg-gray-100 items-center  cursor-pointer p-3 pl-2  border-b hover:bg-teal-100 border-transparent border-l-2 relative hover:border-teal-100\" >\n                    <div :class=\"`${data.isDisable ? 'text-gray2' : ''} whitespace-nowrap overflow-hidden heading-4 overFlowParaA`\">\n                        {{ data[keyName] }}\n                    </div>\n                    </div>\n                </div>\n                <div v-else>\n                <div class=\" heading-4 p-2\">\n                  {{recordMessage !== '' ? recordMessage : 'No Record Found'}}\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport Vue from 'vue'\nVue.directive('click-outside-input', {\n  bind: function (el, binding, vnode) {\n    el.clickOutsideEvent = function (event) {\n      // here I check that click was outside the el and his children\n      if (!(el === event.target || el.contains(event.target))) {\n        // and if it did, call method provided in attribute value\n        vnode.context[binding.expression](event)\n      }\n    }\n    document.body.addEventListener('click', el.clickOutsideEvent)\n  },\n  unbind: function (el) {\n    document.body.removeEventListener('click', el.clickOutsideEvent)\n  }\n})\nexport default {\n    props: [ \"searchCallApi\", \"listId\", \"searchRecordMessage\", \"keyName\", \"items\", \"showPlus\", \"inputext\", \"textMaxlength\", 'lableText', 'inputId', 'autoFocus', \"showArrow\", \"placholderText\", \"showClearIcon\", \"showClearIconNear\", \"setReadOnly\", \"fieldError\", \"disabled\"],\n  data() {\n    return {\n      scrollCount: null,\n      downPressCount: null,\n      displayList: [],\n      showError: false,\n      callSearch: false,\n      setAutoFocust: false,\n      opened: false,\n      disabledBtn: false,\n      inputValue: '',\n      recordMessage: ''\n    };\n  },\n  watch: {\n    inputValue: {\n      handler() {\n        if (this.callSearch) {\n            let filter = this.inputValue.toLowerCase();\n            this.displayList = []\n            for (let index = 0; index < this.items.length; index++) {\n                if (this.inputValue.toLowerCase().indexOf(filter) > -1 === this.items[index][this.keyName].toLowerCase().indexOf(filter) > -1) {\n                 this.displayList.push(this.items[index])\n                }\n            }\n        }\n      }\n    },\n     searchRecordMessage: {\n        handler () {\n          this.recordMessage = this.searchRecordMessage\n        }\n    },\n     fieldError: {\n        handler () {\n          this.showError = this.fieldError\n        }\n    },\n     items: {\n        handler () {\n          this.displayList = this.items\n        },\n        deep: true\n    },\n    inputext: {\n        handler () {\n          this.callSearch = false\n            if (this.inputext) {\n                this.inputValue = this.inputext\n            } else {\n              this.inputValue = this.inputext\n            }\n        }\n    }\n  },\n  mounted() {\n    this.displayList = this.items\n    this.showError = this.fieldError\n    if (this.searchRecordMessage) {\n      this.recordMessage = this.searchRecordMessage\n    }\n    if (this.disabled) {\n      this.disabledBtn = this.disabled\n    }\n     setTimeout(() => {\n      if (this.inputext) {\n        this.inputValue = this.inputext\n      } else {\n        this.inputValue = ''\n      }\n     }, 200);\n    setTimeout(() => {\n      if (this.autoFocus) {\n        document.getElementById(`${this.inputId}`).focus()\n        this.$emit('onFocusAction')\n      }\n    }, 50);\n  },\n  methods: {\n    checkKey (e) {\n      e = e || window.event;\n      if (e.keyCode === 40) {\n        this.downArrowAction()\n      }\n      if (e.keyCode === 38) {\n        this.upArrowAction()\n      }\n      // if (e.keyCode === 9) {\n      //    this.closeList()\n      // }\n    },\n    downArrowAction () {\n      if (this.displayList.length - 1 > this.downPressCount && this.downPressCount !== null) {\n        this.downPressCount = this.downPressCount + 1\n        this.scrollCount = this.scrollCount + 52\n        document.getElementById(`${this.listId}`).scrollTop = this.scrollCount\n      }\n      if (this.downPressCount === null) {\n        this.downPressCount = 0\n        this.scrollCount = 0\n        document.getElementById(`${this.listId}`).scrollTop = this.scrollCount\n      }\n    },\n    upArrowAction () {\n      if (this.downPressCount > 0 && this.scrollCount > 0) {\n        this.downPressCount = this.downPressCount - 1\n      this.scrollCount = this.scrollCount - 52\n      document.getElementById(`${this.listId}`).scrollTop = this.scrollCount\n      }\n      \n    },\n    inputChangeAction (text) {\n       this.callSearch = true\n       this.scrollCount = null\n       this.downPressCount = null\n        if (this.searchCallApi) {\n        this.$emit('inputChangeAction', text)\n      } else {\n        this.callSearch = true\n      }\n    },\n    keyPressAction () {\n        this.$emit('keyPressAction')\n        let documentvalue = document.getElementById(`${this.inputId}`)\n        documentvalue.onkeydown = this.checkKey();\n    },\n    enterkeyPressAction () {\n       document.getElementById(`${this.inputId}`).blur()\n       if (this.displayList[this.downPressCount].isDisable) {\n        console.log('this item is desable');\n       } else {\n         this.$emit(\"selectNewForVal\", this.displayList[this.downPressCount], this.keyName);\n       }\n    },\n    selectNewVal (data) {\n      if (data.isDisable) {\n        console.log('this is disable item');\n      } else {\n        document.getElementById(`${this.inputId}`).blur()\n        this.$emit(\"selectNewForVal\", data, this.keyName);\n      }\n       \n    },\n    keyup () {\n        // this.$emit('keyup')\n        // let documentvalue = document.getElementById(`${this.inputId}`)\n        // documentvalue.onkeydown = this.checkKey();\n    },\n    keydown () {\n        // this.$emit('keyup')\n        let documentvalue = document.getElementById(`${this.inputId}`)\n        documentvalue.onkeydown = this.checkKey();\n    },\n    blurAction () {\n      console.log('blur', this.inputValue);\n      setTimeout(() => {\n        this.opened = false\n        this.$emit('blurAction')\n        if (this.inputValue !== '') {\n          this.inputValue = this.inputext\n        }\n        if (this.inputValue === '') {\n          this.$emit(\"selectNewForVal\", null);\n        }\n        this.scrollCount = null\n       this.downPressCount = null\n      }, 400);\n      \n    },\n    onClickInputAction () {\n        this.$emit('onClickInputAction')\n    },\n    clearInput () {\n      this.inputValue = ''\n      this.$root.$emit('clearInputAction')\n      document.getElementById(`${this.inputId}`).focus()\n      setTimeout(() => {\n        this.opened = true\n      }, 120);\n    },\n    closeList () {\n        this.$emit('closeList')\n    },\n    addNew () {\n        this.$emit('addNew')\n    },\n    focus () {\n      this.$emit('focus')\n        this.displayList = this.items\n        // setTimeout(() => {\n        //     console.log('height', document.getElementById(`${this.keyName}`).offsetHeight);\n        // }, 500);\n        let rect = document.getElementById(`${this.inputId}`).getBoundingClientRect()\n       if (window.innerHeight - rect.bottom < 200) {\n          document.getElementById(`${this.listId}`).style.bottom = `52px`\n       } else {\n        document.getElementById(`${this.listId}`).style.bottom = \"auto\"\n       }\n      this.opened = true\n    }\n  },\n};\n</script>\n<style scoped>\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dropdown.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dropdown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dropdown.vue?vue&type=template&id=0ebdf09c&scoped=true&\"\nimport script from \"./dropdown.vue?vue&type=script&lang=js&\"\nexport * from \"./dropdown.vue?vue&type=script&lang=js&\"\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  \"0ebdf09c\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"relative\"},[_c('TextField',{staticClass:\"pb-2\",attrs:{\"inputId\":'address2',\"showcharLimit\":false,\"inputext\":_vm.location,\"placholderText\":`Search Address`,\"lableText\":'Search address',\"autoFocus\":true},on:{\"inputChangeAction\":(data) => _vm.location = data}}),(_vm.isSshowSelection && _vm.searchResults.length > 0)?_c('div',{directives:[{name:\"click-outside\",rawName:\"v-click-outside\",value:(_vm.closeList),expression:\"closeList\"}],staticClass:\"card p-2 absolute z-10 bg-white w-full max-w\",staticStyle:{\"display\":\"revert\"}},_vm._l((_vm.searchResults),function(result,i){return _c('span',{key:i,staticClass:\"\",on:{\"click\":function($event){return _vm.saveLocation(result, i)}}},[_c('div',{staticClass:\"flex hover:bg-gray-100\"},[_c('div',{staticClass:\"items-center grid w-14 mr-2\"},[_vm._m(0,true),_c('div',{staticClass:\"heading-7 text-center text-gray3\"},[_vm._v(_vm._s(_vm.getDistance (parseInt(result.distance_meters))))])]),_c('div',{},[_c('div',{staticClass:\"cursor-pointer text-text1 font-semibold\"},[_vm._v(_vm._s(result.structured_formatting.main_text))]),_c('div',{staticClass:\"cursor-pointer text-text2\"},[_vm._v(_vm._s(result.structured_formatting.secondary_text))])])]),(_vm.searchResults.length !== i + 1)?_c('div',{staticClass:\"dividerLight my-1\"}):_vm._e()])}),0):_vm._e()],1),_c('div',{staticClass:\"py-4\"},[(_vm.addressObj.isShow)?_c('gmap-map',{staticStyle:{\"width\":\"100%\",\"height\":\"350px\"},attrs:{\"center\":_vm.addressObj.center,\"zoom\":18},on:{\"click\":_vm.mark}},[_c('gmap-marker',{attrs:{\"position\":_vm.addressObj.center}}),_vm._v(\" \"),_vm._l((_vm.markers),function(pin,index){return _c('GmapCircle',{key:index,attrs:{\"center\":pin.position,\"radius\":_vm.addressObj.selectedRadius,\"visible\":true,\"options\":{fillColor:'#ff000000',strokeColor: 'red',fillOpacity:1.0}}})})],2):_vm._e()],1),(_vm.addressObj.isShow)?_c('div',{},[(_vm.addressObj.fullAddress !== '')?_c('span',[_c('p',{staticClass:\"text-text2 heading-4\"},[_vm._v(_vm._s(_vm.addressObj.fullAddress))])]):_vm._e()]):_vm._e()])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"text-center\"},[_c('i',{staticClass:\"fas fa-map-marker-alt text-primary pr-3 pl-2\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div class=\"relative\">\n        <TextField class=\"pb-2\"\n          :inputId=\"'address2'\"\n          :showcharLimit=\"false\"\n          :inputext=\"location\"\n          :placholderText=\"`Search Address`\"\n          :lableText=\"'Search address'\"\n          :autoFocus=\"true\"\n          @inputChangeAction=\"(data) => location = data\"  />\n        <div class=\"card p-2 absolute z-10 bg-white w-full max-w\" style=\"display: revert;\" v-if=\"isSshowSelection && searchResults.length > 0\" v-click-outside=\"closeList\">\n          <span v-for=\"(result, i) in searchResults\" :key=\"i\" @click=\"saveLocation(result, i)\" class=\"  \">\n            <div class=\"flex hover:bg-gray-100 \">\n              <div class=\"items-center grid w-14 mr-2\">\n                <div class=\"text-center\"><i class=\"fas fa-map-marker-alt text-primary pr-3 pl-2\"></i></div>\n                <div class=\"heading-7 text-center text-gray3\">{{getDistance (parseInt(result.distance_meters))}}</div>\n              </div>\n              <div class=\"\">\n                <div class=\"cursor-pointer text-text1 font-semibold\">{{result.structured_formatting.main_text}}</div>\n                <div class=\"cursor-pointer text-text2\">{{result.structured_formatting.secondary_text}}</div>\n              </div>\n            </div>\n            <div v-if=\"searchResults.length !== i + 1\" class=\"dividerLight my-1\"></div>\n          </span>\n        </div>\n    </div>\n    <div class=\"py-4\">\n      <gmap-map v-if=\"addressObj.isShow\"\n        :center=\"addressObj.center\"\n        :zoom=\"18\"\n        @click='mark'\n        style=\"width:100%;  height: 350px;\">\n        <gmap-marker\n          :position=\"addressObj.center\"></gmap-marker>    <!-- <script src=\"https://maps.googleapis.com/maps/api/js?key=AIzaSyDo4Cf7V2_lPZMfNXciostEss8xtfLgRRs&libraries=places\"></script> -->\n\n          <GmapCircle\n            v-for=\"(pin, index) in markers\"\n            :key=\"index\"\n            :center=\"pin.position\"\n            :radius=\"addressObj.selectedRadius\"\n            :visible=\"true\"\n            :options=\"{fillColor:'#ff000000',strokeColor: 'red',fillOpacity:1.0}\"\n          ></GmapCircle>\n      </gmap-map>\n    </div>\n    <div v-if=\"addressObj.isShow\" class=\"\">\n      <span v-if=\"addressObj.fullAddress !== ''\">\n        <p class=\"text-text2 heading-4\">{{addressObj.fullAddress}}</p>\n      </span>\n    </div>\n  </div>\n</template>\n\n<script>\n/* global google */\nimport TextField from '@/View/components/textfield.vue'\nimport store from '@/store'\nimport Vue from 'vue'\nimport * as VueGoogleMaps from 'vue2-google-maps'\nimport  GmapCircle from 'vue2-google-maps/dist/components/circle'\nVue.use(VueGoogleMaps, {\n  load: {\n    key: store.getters.googleMapApiKey,\n    libraries: 'places,drawing' // necessary for places input\n  }\n})\nexport default {\n  data: () => ({\n    googleSessionToken: '',\n    isSshowSelection: false,\n    location: '',\n    searchResults: [],\n    service: null, // will reveal this later 🕵️\n    addressSearch: '',\n    autocompleteOptions: {\n      lat: 0,\n      lng: 0\n    },\n    placesService: null,\n    markers: [],\n    addressObj: {\n      isShow: false,\n      center: null,\n      addressLine1: '',\n      addressLine2: '',\n      city: '',\n      state: '',\n      zip: '',\n      country: '',\n      latitude: '',\n      longitude: '',\n      fullAddress: '',\n      selectedRadius: 0,\n      },\n    places: [],\n    currentPlace: null\n  }),\n  metaInfo () {\n    return {\n      script: [{\n        src: `https://maps.googleapis.com/maps/api/js?key=AIzaSyDo4Cf7V2_lPZMfNXciostEss8xtfLgRRs&libraries=places`,\n        async: true,\n        defer: true,\n      }]\n    }\n  },\n  components: {\n    \n    TextField,\n    // ,\n    GmapCircle,\n  },\n  props: ['isShowMap', 'showAdditional', 'selectedRadius', 'orgObj', 'clearSearch'],\n  name: 'GoogleMap',\n  created () {\n  },\n  watch: {\n    location (newValue) {\n      console.log('newValue', newValue)\n      console.log('this.autocompleteOptions.lat', this.autocompleteOptions)\n      setTimeout(() => {\n        this.MapsInit()\n        if (newValue.length > 0) {\n          this.service.getPlacePredictions({\n            input: this.location,\n            origin: new google.maps.LatLng( this.autocompleteOptions.lat, this.autocompleteOptions.lng ),\n            location: new google.maps.LatLng( this.autocompleteOptions.lat, this.autocompleteOptions.lng ),\n            radius: 800\n          }, this.displaySuggestions)\n        } else {\n          this.searchResults = []\n        }\n      }, 100);\n    },\n    clearSearch : {\n      handler () {\n        if (this.clearSearch) {\n          this.googleSessionToken = '',\n          this.isSshowSelection = false,\n          this.location = '',\n          this.searchResults = [],\n          this.service = null, // will reveal this later 🕵️\n          this.addressSearch = '',\n          this.autocompleteOptions = {\n            lat: 0,\n            lng: 0\n          },\n          this.placesService = null,\n          this.markers = [],\n          this.addressObj = {\n            isShow: false,\n            center: null,\n            addressLine1: '',\n            addressLine2: '',\n            city: '',\n            state: '',\n            zip: '',\n            country: '',\n            latitude: '',\n            longitude: '',\n            fullAddress: '',\n            selectedRadius: 0,\n            },\n          this.places = [],\n          this.currentPlace = null\n        }\n      }, \n      deep: true\n    }\n  },\n  mounted () {\n    if (this.orgObj !== undefined) {\n    this.location = this.orgObj.fullAddress\n    this.addressObj.center = {\n      lat: this.orgObj.latitude,\n      lng: this.orgObj.longitude\n    }\n    this.addressObj.fullAddress = this.orgObj.fullAddress\n  }\n    this.$root.$on(\"radius\", (response) => {\n      this.addressObj.selectedRadius = response\n    })\n    this.addressObj.isShow = this.isShowMap\n    if (navigator.geolocation) {\n      navigator.geolocation.getCurrentPosition(position => {\n        this.autocompleteOptions = {\n          lat : position.coords.latitude,\n          lng : position.coords.longitude,\n        }\n        console.log(\"__________position\", position);\n      })\n    }\n    else {\n    let orgDetail = JSON.parse(localStorage.getItem('orgInfo'))\n    if (orgDetail !== null) {\n      this.autocompleteOptions = {\n        lat : orgDetail.latitude,\n        lng : orgDetail.longitude,\n      }\n    } else {\n      this.autocompleteOptions = {\n        lat : 0,\n        lng : 0,\n      }\n    }\n      // alert('Geolocation is not supported in this browser')\n    }\n  },\n  methods: {\n    getDistance (distanceMeter) {\n      console.log('distanceMeter', distanceMeter)\n      let distance = '';\n      if (!isNaN(distanceMeter)) {\n        if (navigator.languages != undefined) {\n          console.log('navigator.languages', navigator.languages)\n          const countryCode = navigator.languages[0];\n          switch (countryCode) {\n            case 'US':\n              if (distanceMeter * 0.00062137 >= 1000) {\n                distance = `999+ mi`;\n              } else {\n                distance = `${(distanceMeter * 0.00062137).toFixed(1)} mi`;\n              }\n              break;\n            default:\n              if (distanceMeter / 1000 >= 1000) {\n                distance = `999+ km`;\n              } else {\n                distance = `${(distanceMeter / 1000).toFixed(1)} km`;\n              }\n            break;\n          }\n          return distance;\n        } else {\n          if (distanceMeter / 1000 >= 1000) {\n            distance = `999+ km`;\n          } else {\n            distance = `${(distanceMeter / 1000).toFixed(1)} km`;\n          }\n          return distance;\n        }\n      } else {\n        return '--'\n      }\n    },\n    closeList () {\n      this.isSshowSelection = false\n    },\n    async saveLocation (data, i) {\n      this.isSshowSelection = false\n      this.searchResults = []\n      console.log('data 123', data, i)\n      this.placesService = new window.google.maps.places.PlacesService(\n        new window.google.maps.Map(document.createElement('div'))\n      )\n      try {\n        const placeDetails = await this.getPlaceDetails(data)\n        if (placeDetails !== undefined) {\n          this.setPlace(placeDetails)\n        }\n        console.log('123 12 3123 12 3123 12 312 3123 ', placeDetails)\n      } catch (e) {\n        // eslint-disable-next-line no-console\n        console.error(e)\n      }\n    },\n    getPlaceDetails (choice) {\n      console.log('choice', choice)\n      return new Promise((resolve, reject) => {\n        this.placesService.getDetails({\n          placeId: choice.place_id,\n        },\n        (result, status) => {\n          if (status === window.google.maps.places.PlacesServiceStatus.OK) {\n            return resolve(result)\n          }\n          return reject(result)\n        })\n      })\n    },\n    MapsInit () {\n      this.service = new window.google.maps.places.AutocompleteService()\n    },\n    displaySuggestions (predictions, status) {\n      console.log('this.predictions', predictions)\n      console.log('this.status', status)\n      if (status !== window.google.maps.places.PlacesServiceStatus.OK) {\n        this.searchResults = []\n        this.isSshowSelection = false\n        return\n      }\n      this.searchResults = predictions.map(prediction => prediction) \n      console.log('this.searchResults', this.searchResults)\n      this.isSshowSelection = true\n    },\n    mark (event) {\n      let newAddress = ''\n      var geocoder = new google.maps.Geocoder;\n      var latlng = {lat: event.latLng.lat(), lng: event.latLng.lng()};\n      geocoder.geocode({'location': latlng}, function(results, status) {\n        if (status === 'OK') {\n          if (results[1]) {\n            newAddress = results[1].formatted_address\n          } else {\n            window.alert('No results found');\n          }\n        }\n      })\n      this.addressObj.center = {\n        lat: latlng.lat,\n        lng: latlng.lng\n      }\n      this.markers = []\n      if (this.showAdditional) {\n        this.markers.push({ position: this.addressObj.center })\n      }\n      setTimeout(() => {\n        this.addressObj.fullAddress = newAddress\n        this.location = newAddress\n        this.addressObj.latitude = event.latLng.lat()\n        this.addressObj.longitude = event.latLng.lng()\n        this.$root.$emit('GlobalAddressObject', this.addressObj)\n      }, 500);\n    },\n    setPlace (place) {\n      let places= []\n      if (place) {\n        this.markers = []\n        this.addressObj.center = {\n          lat: place.geometry.location.lat(),\n          lng: place.geometry.location.lng()\n        }\n        if (this.showAdditional) {\n          this.markers.push({ position: this.addressObj.center })\n        }\n        places.push(place)\n      }\n      this.addressObj.isShow = true\n      let detailData = places\n      this.addressObj.latitude = place.geometry.location.lat()\n      this.addressObj.longitude = place.geometry.location.lng()\n      this.addressObj.street = ''\n      this.addressObj.state = ''\n      this.addressObj.country = ''\n      this.addressObj.zip = ''\n      this.addressObj.city = ''\n      let mapAddressDetails = []\n      let type = ''\n      for (let i = 0; i < detailData.length; i++) {\n        mapAddressDetails = detailData[i].address_components\n        for (let j = 0; j < mapAddressDetails.length; j++) {\n          type = mapAddressDetails[j].types[0]\n          if (type === 'street_number' || type === 'sublocality_level_2' || type === 'sublocality' || type === 'sublocality_level_1' || type === 'route') {\n            this.addressObj.street += ' ' + mapAddressDetails[j].long_name\n          }\n          if (type === 'administrative_area_level_1') {\n            this.addressObj.state = mapAddressDetails[j].short_name\n          }\n          if (type === 'administrative_area_level_2') {\n            this.addressObj.country = mapAddressDetails[j].long_name\n          }\n          if (type === 'postal_code') {\n            this.addressObj.zip = mapAddressDetails[j].long_name\n          }\n\n          if (type === 'locality') {\n            this.addressObj.city = mapAddressDetails[j].long_name\n          }\n        }\n      }\n      this.addressObj.addressLine1 = place.name\n      let space = place.name !== '' ? ', ' : ''\n      this.addressObj.fullAddress = place.name + space + place.formatted_address\n      this.location = this.addressObj.fullAddress\n      this.$root.$emit('GlobalAddressObject', this.addressObj)\n    },\n    matchFind (str) {\n      if (this.location === null || this.location === undefined || this.location === ' ') {\n        return\n      }\n      let searchStrArray = this.location.split(' ')\n      let replceString = str.trim()\n      for (let i = 0; i < searchStrArray.length; i++) {\n        if (searchStrArray[i].trim() !== '' && searchStrArray[i].trim() !== 'em') {\n          replceString = replceString.replace(new RegExp(searchStrArray[i], 'gi'), match => {\n            return '<span style=\"font-weight: 700;color: #2D2D2D\">' + match + '</span>'\n          })\n        }\n      }\n      return replceString\n    }\n  }\n}\n</script>\n<style scoped>\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoogleMap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./GoogleMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GoogleMap.vue?vue&type=template&id=6abf9326&scoped=true&\"\nimport script from \"./GoogleMap.vue?vue&type=script&lang=js&\"\nexport * from \"./GoogleMap.vue?vue&type=script&lang=js&\"\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  \"6abf9326\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/clear-input.30566690.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{directives:[{name:\"click-outside-textInput\",rawName:\"v-click-outside-textInput\",value:(_vm.closePopup),expression:\"closePopup\"}],staticClass:\"relative\"},[_c('div',{},[_c('p',{staticClass:\"label_css flex justify-between\"},[_c('span',[_vm._v(_vm._s(_vm.lableText))]),(_vm.showcharLimit)?_c('span',{staticClass:\"text contents\"},[_vm._v(_vm._s(_vm.inputValue.length)+\"/\"+_vm._s(_vm.textMaxlength))]):_vm._e()]),_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.inputValue),expression:\"inputValue\"}],staticClass:\"cust_text_field py-4 px-2 w-full m-px flex text-text1 bg-white rounded items-center\",class:`${_vm.inputType === 'color' ? 'h-12 py-0' : 'py-3'} ${_vm.textRight ? 'text-right pr-2' : ''} ${_vm.showError ? 'ring-1 ring-error' : 'border border-gray2 focus:border-primary focus:ring-1 border flex text-text1 focus:border-primary focus:ring-1'}\n        pr-${_vm.inputType === 'password' || _vm.showDate ? '8' : '0'}\n        `,attrs:{\"maxlength\":_vm.textMaxlength,\"pattern\":_vm.pattern,\"disabled\":_vm.disabled,\"placeholder\":_vm.placholderText,\"readonly\":_vm.setReadOnly,\"type\":_vm.inputTypeText,\"rows\":_vm.rows,\"cols\":_vm.cols,\"autofocus\":_vm.setAutoFocust,\"autocomplete\":\"off\",\"id\":_vm.inputId},domProps:{\"value\":(_vm.inputValue)},on:{\"keypress\":[_vm.keyPressAction,function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.enterkeyPressAction.apply(null, arguments)}],\"blur\":_vm.blurAction,\"input\":[function($event){if($event.target.composing)return;_vm.inputValue=$event.target.value},function($event){return _vm.inputChangeAction(_vm.inputValue)}],\"change\":_vm.change,\"keyup\":_vm.keyup,\"click\":_vm.onClickInputAction,\"focus\":_vm.focus}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div v-click-outside-textInput=\"closePopup\" class=\"relative\">\n        <div class=\"\">\n            <p class=\"label_css flex justify-between\">\n            <span>{{lableText}}</span>\n            <span class=\"text contents\" v-if=\"showcharLimit\">{{inputValue.length}}/{{textMaxlength}}</span>\n          </p>\n            <textarea \n            :maxlength=\"textMaxlength\"\n            @keypress=\"keyPressAction\"\n            @keypress.enter=\"enterkeyPressAction\"  \n            @blur=\"blurAction\"\n            @input=\"inputChangeAction(inputValue)\"\n            @change=\"change\"\n            @keyup=\"keyup\"\n            :pattern=\"pattern\"\n            @click=\"onClickInputAction\"\n            @focus=\"focus\"\n            v-model=\"inputValue\"\n            :disabled=\"disabled\"\n            :placeholder=\"placholderText\"\n            :readonly=\"setReadOnly\"\n            :type=\"inputTypeText\"\n            :rows=\"rows\" :cols=\"cols\"\n            :autofocus=\"setAutoFocust\"\n            autocomplete=\"off\"\n            :id=\"inputId\"\n            class=\"cust_text_field py-4  px-2 w-full  m-px flex text-text1 bg-white rounded items-center\"\n            :class=\"`${inputType === 'color' ? 'h-12 py-0' : 'py-3'} ${textRight ? 'text-right pr-2' : ''} ${showError ? 'ring-1 ring-error' : 'border border-gray2 focus:border-primary focus:ring-1 border flex text-text1 focus:border-primary focus:ring-1'}\n            pr-${inputType === 'password' || showDate ? '8' : '0'}\n            `\"></textarea>\n            </div>\n          \n\n        </div>\n</template>\n<script>\nimport Vue from 'vue'\nVue.directive('click-outside-textInput', {\n  bind: function (el, binding, vnode) {\n    el.clickOutsideEvent = function (event) {\n      // here I check that click was outside the el and his children\n      if (!(el === event.target || el.contains(event.target))) {\n        // and if it did, call method provided in attribute value\n        vnode.context[binding.expression](event)\n      }\n    }\n    document.body.addEventListener('click', el.clickOutsideEvent)\n  },\n  unbind: function (el) {\n    document.body.removeEventListener('click', el.clickOutsideEvent)\n  }\n})\nexport default {\n    props: [ 'cols', 'showcharLimit', 'rows', 'pattern', \"textRight\", \"inputext\", \"textMaxlength\", 'lableText', 'inputId', 'autoFocus', 'fieldError', 'setReadOnly', 'placholderText', 'inputType', \"showDate\", \"disabled\", \"showTime\"],\n  data() {\n    return {\n      inputTypeText: 'text',\n      hidePassword: false,\n      showError: false,\n      setAutoFocust: false,\n      disabledBtn: false,\n      inputValue: ''\n    };\n  },\n  watch: {\n    fieldError: {\n        handler () {\n          console.log('fieldError', this.fieldError);\n          this.showError = this.fieldError\n        }\n    },\n    hidePassword: {\n        handler () {\n          if (this.hidePassword) {\n            this.inputTypeText = 'password'\n            document.getElementById(`${this.inputId}`).focus()\n          } else {\n            this.inputTypeText = 'text'\n            document.getElementById(`${this.inputId}`).focus()\n          }\n        }\n    },\n    inputext: {\n        handler () {\n            if (this.inputext) {\n                this.inputValue = this.inputext\n            } else {\n              this.inputValue = this.inputext\n            }\n        }\n    }\n  },\n  mounted() {\n    this.showError = this.fieldError\n    this.inputTypeText = this.inputType\n    if (this.disabled) {\n      this.disabledBtn = this.disabled\n    }\n    setTimeout(() => {\n      this.inputValue = this.inputext\n     }, 200);\n    setTimeout(() => {\n      if (this.autoFocus) {\n        document.getElementById(`${this.inputId}`).focus()\n      }\n    }, 10);\n  },\n  methods: {\n    inputChangeAction (text) {\n        this.$emit('inputChangeAction', text)\n    },\n    change () {\n        this.$emit('change')\n    },\n    keyPressAction () {\n        this.$emit('keyPressAction')\n    },\n    enterkeyPressAction () {\n        this.$emit('enterkeyPressAction')\n    },\n    blurAction () {\n        this.$emit('blurAction')\n    },\n    focus () {\n        this.$emit('focus')\n    },\n    onClickInputAction () {\n      document.getElementById(`${this.inputId}`).focus()\n        this.$emit('onClickInputAction')\n    },\n    closePopup () {\n        this.$emit('closePopup')\n    },\n    keyup () {\n        this.$emit('keyup')\n    }\n  },\n};\n</script>\n<style scoped>\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./textAreaInput.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./textAreaInput.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./textAreaInput.vue?vue&type=template&id=c78435d8&scoped=true&\"\nimport script from \"./textAreaInput.vue?vue&type=script&lang=js&\"\nexport * from \"./textAreaInput.vue?vue&type=script&lang=js&\"\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  \"c78435d8\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}