gumga-address-ng - npm Package Compare versions

Comparing version 1.1.6 to 1.2.0

bower.json

@@ -5,3 +5,3 @@ {
   "main": "./src/address.js",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "authors": [
@@ -8,0 +8,0 @@ "Gumga Tecnologia da Informação S/A"

dist/gumga-address.js

@@ -131,3 +131,3 @@ /******/ (function(modules) { // webpackBootstrap
 });
-exports.default = "\n\n<div class=\"modal-header\">\n    <h3 class=\"modal-title\">Encontrar cep</h3>\n</div>\n<div class=\"modal-body\" id=\"modal-body\">\n\n  <form>\n    <div class=\"row\">\n      <div class=\"col-sm-6\">\n        <div class=\"form-group\">\n           <label for=\"UF\">UF</label>\n            <select ng-model=\"value.state\" ng-change=\"getCitiesByUF(value.state)\" class=\"form-control\" ng-options=\"uf for uf in factoryData.ufs\"></select>\n        </div>\n      </div>\n      <div class=\"col-sm-6\">\n        <div class=\"form-group\">\n        \t\t<label for=\"Localidade\">Localidade</label>\n        \t\t<input type=\"text\" typeahead-on-select=\"getPremisseByUFAndCity(value.state, value.localization)\" ng-disabled=\"!value.state || cities.length == 0\" placeholder=\"Digite para buscar...\" typeahead-min-length=\"0\" uib-typeahead=\"city for city in cities | filter:$viewValue | limitTo:8\" ng-model=\"value.localization\" class=\"form-control\"/>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-sm-12\">\n        <div class=\"form-group\">\n            <label for=\"Localidade\">Logradouro</label>\n            <input type=\"text\"\n              ng-disabled=\"!value.state || cities.length == 0\"\n              placeholder=\"Digite para buscar...\"\n              ng-model-options=\"{debounce: 1000}\"\n              ng-change=\"searchCep(value.state, value.localization, value.premisse)\"\n              ng-model=\"value.premisse\"\n              class=\"form-control\"/>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-sm-12\" style=\"max-height: 200px;overflow: auto;\">\n        <label ng-if=\"lookingZipCode\">\n          <i class=\"glyphicon glyphicon-refresh\"></i>\n          Buscando, aguarde um momento...\n        </label>\n        <label ng-if=\"ceps.length == 0 && !lookingZipCode\">\n          Nada encontrado com base na sua pesquisa.\n        </label>\n        <table ng-show=\"ceps.length > 0 && !lookingZipCode\" class=\"table table-striped\">\n            <tr>\n              <th>Bairro</th>\n              <th>Logradouro</th>\n              <th>Cep</th>\n              <th></th>\n            </tr>\n            <tr ng-repeat=\"cep in ceps | limitTo:20\">\n              <td>{{cep.bairro}}</td>\n              <td>{{cep.logradouro}}</td>\n              <td>{{cep.cep}}</td>\n              <td>\n                <button class=\"gmd btn btn-primary\" ng-click=\"select(cep)\">Selecionar</button>\n              </td>\n            </tr>\n        </table>\n      </div>\n    </div>\n\n  </form>\n\n</div>\n\n";
+exports.default = "\n\n<div class=\"modal-header\">\n    <h3 class=\"modal-title\">Encontrar cep</h3>\n</div>\n<div class=\"modal-body\" id=\"modal-body\">\n\n  <form>\n    <div class=\"row\">\n      <div class=\"col-sm-6\">\n        <div class=\"form-group\">\n           <label for=\"UF\">UF</label>\n            <select ng-model=\"value.state\" ng-change=\"getCitiesByUF(value.state)\" class=\"form-control gmd\" ng-options=\"uf for uf in factoryData.ufs\"></select>\n        </div>\n      </div>\n      <div class=\"col-sm-6\">\n        <div class=\"form-group\">\n        \t\t<label for=\"Localidade\">Localidade</label>\n        \t\t<input type=\"text\" typeahead-on-select=\"getPremisseByUFAndCity(value.state, value.localization)\" ng-disabled=\"!value.state || cities.length == 0\" placeholder=\"Digite para buscar...\" typeahead-min-length=\"0\" uib-typeahead=\"city for city in cities | filter:$viewValue | limitTo:8\" ng-model=\"value.localization\" class=\"form-control gmd\"/>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-sm-12\">\n        <div class=\"form-group\">\n            <label for=\"Localidade\">Logradouro</label>\n            <input type=\"text\"\n              ng-disabled=\"!value.state || cities.length == 0\"\n              placeholder=\"Digite para buscar...\"\n              ng-model-options=\"{debounce: 1000}\"\n              ng-change=\"searchCep(value.state, value.localization, value.premisse)\"\n              ng-model=\"value.premisse\"\n              class=\"form-control gmd\"/>\n        </div>\n      </div>\n    </div>\n    <div class=\"row\">\n      <div class=\"col-sm-12\" style=\"max-height: 200px;overflow: auto;\">\n        <label ng-if=\"lookingZipCode\">\n          <i class=\"glyphicon glyphicon-refresh\"></i>\n          Buscando, aguarde um momento...\n        </label>\n        <label ng-if=\"ceps.length == 0 && !lookingZipCode\">\n          Nada encontrado com base na sua pesquisa.\n        </label>\n        <table ng-show=\"ceps.length > 0 && !lookingZipCode\" class=\"table table-striped\">\n            <tr>\n              <th>Bairro</th>\n              <th>Logradouro</th>\n              <th>Cep</th>\n              <th></th>\n            </tr>\n            <tr ng-repeat=\"cep in ceps | limitTo:20\">\n              <td>{{cep.bairro}}</td>\n              <td>{{cep.logradouro}}</td>\n              <td>{{cep.cep}}</td>\n              <td>\n                <button class=\"gmd btn btn-primary\" ng-click=\"select(cep)\">Selecionar</button>\n              </td>\n            </tr>\n        </table>\n      </div>\n    </div>\n\n  </form>\n\n</div>\n\n";
 
@@ -226,22 +226,37 @@ /***/ }),
 'use strict';
-AddressDirective.$inject = ['GumgaAddressService', '$http', '$compile', '$uibModal', '$timeout'];
-function AddressDirective(GumgaAddressService, $http, $compile, $uibModal, $timeout) {
+AddressDirective.$inject = ['GumgaAddressService', '$http', '$compile', '$uibModal', '$timeout', '$injector'];
+function AddressDirective(GumgaAddressService, $http, $compile, $uibModal, $timeout, $injector) {
+
+  function useGumgaLayout() {
+    try {
+      return !!angular.module('gumga.layout');
+    } catch (error) {
+      return false;
+    }
+  }
+
   var templateBegin = '<div class="row">' + ' <div class="col-md-12 col-sm-12 col-xs-12">' + '   <accordion>' + '	  <accordion-group is-open="false" heading="{{::title}}">';
-  var blockCountryCep = '<div class="row">' + ' <div class="col-md-8">' + '	<div class="form-group">' + '   <label for="País">País</label>' + '	  <select ng-readonly="true" ng-model="value.country" class="form-control" ng-options="pais for pais in factoryData.availableCountries"></select>' + '	</div>' + '	</div>' + ' <div class="col-md-4">' + '	<div class="form-group">' + '   <label for="input{{::id}}">CEP</label>' + '   <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">Não sabe?</a> ' + '	  <div class="input-group" style="width: 100%;">' + '		<input type="text" ng-keyup="notfound=false" class="form-control" gumga-mask="99999-999" ng-model="value.zipCode" id="input{{::id}}" ng-keypress="custom($event,value.zipCode)">' + '		<span class="input-group-btn">' + '	    <button ng-show="!notfound" class="btn btn-primary" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>' + '	    <button ng-show="notfound" uib-popover="Cep não encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>' + '		</span>' + '   ' + '	  </div>' + '	</div>' + ' </div>' + '</div>';
-  var streetType = '<div class="form-group">' + ' <label for="tipoLogradouro">Tipo Logradouro</label>' + ' <input type="text" ng-model="value.premisseType" typeahead-min-length="0" uib-typeahead="type for type in streetTypes | filter:$viewValue | limitTo:8" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0" class="form-control" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0">' + '</div>';
-  var street = '<div class="form-group">' + ' <label for="Logradouro">Logradouro</label>' + ' <input type="text" ng-model="value.premisse" class="form-control" ng-blur="searchCoordsOnPremisse(value, true)"/>' + '</div>';
-  var number = '<div class="form-group">' + '		<label for="Número">Número</label>' + '		<input type="text" ng-model="value.number" class="form-control" id="numberInput{{::id}}" ng-blur="searchCoordsOnNumber(value, true)"/>' + '</div>';
+  var blockCountryCep = useGumgaLayout() ? '<div class="row">\n     <div class="col-md-8">\n      <div class="form-group" style="margin-top: 21px;">\n       <gmd-select ng-model="value.country"\n                     ng-disabled="true"\n                     placeholder="Pa\xEDs">\n        <gmd-option    ng-repeat="pais in factoryData.availableCountries"\n                       ng-value="pais"\n                       ng-label="pais">\n          {{pais}}\n        </gmd-option>\n      </gmd-select>\n      </div>\n      </div>\n     <div class="col-md-4">\n      <div class="form-group">\n        <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">N\xE3o sabe?</a>\n        <div class="input-group" style="width: 100%;">\n          <gmd-input>\n            <input type="text"\n                   class="form-control gmd"\n                   ng-keypress="custom($event,value.zipCode)"\n                   ng-keyup="notfound=false"\n                   gumga-mask="99999-999"\n                   ng-model="value.zipCode"  id="input{{::id}}"\n                   required>\n            <label for="input{{::id}}" class="control-label">CEP</label>\n          </gmd-input>\n          <span class="input-group-btn">\n            <button ng-show="!notfound" style="margin-bottom: 22px;" class="btn btn-primary gmd" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>\n            <button ng-show="notfound"  style="margin-bottom: 22px;" uib-tooltip="Cep n\xE3o encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger gmd" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>\n          </span>\n        </div>\n\n      </div>\n     </div>\n    </div>' : '<div class="row">\n     <div class="col-md-8">\n    \t<div class="form-group">\n       <label for="Pa\xEDs">Pa\xEDs</label>\n    \t  <select ng-readonly="true" ng-model="value.country" class="form-control" ng-options="pais for pais in factoryData.availableCountries"></select>\n    \t</div>\n    \t</div>\n     <div class="col-md-4">\n    \t<div class="form-group">\n       <label for="input{{::id}}">CEP</label>\n       <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">N\xE3o sabe?</a>\n    \t  <div class="input-group" style="width: 100%;">\n    \t\t<input type="text" ng-keyup="notfound=false" class="form-control" gumga-mask="99999-999" ng-model="value.zipCode" id="input{{::id}}" ng-keypress="custom($event,value.zipCode)">\n    \t\t<span class="input-group-btn">\n    \t    <button ng-show="!notfound" class="btn btn-primary" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>\n    \t    <button ng-show="notfound" uib-popover="Cep n\xE3o encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>\n    \t\t</span>\n    \t  </div>\n    \t</div>\n     </div>\n    </div>';
+
+  var streetType = useGumgaLayout() ? '\n      <div class="form-group">\n        <gmd-select ng-model="value.premisseType" placeholder="Tipo Logradouro">\n          <gmd-select-search ng-model="searchStreetTypes"\n                placeholder="Buscar...">\n          </gmd-select-search>\n         <gmd-option    ng-repeat="type in streetTypes | filter: searchStreetTypes track by $index"\n                        ng-value="type"\n                        ng-label="type">\n           {{type}}\n         </gmd-option>\n       </gmd-select>\n      </div>\n    ' : '\n      <div class="form-group">\n       <label for="tipoLogradouro">Tipo Logradouro</label>\n       <input type="text" ng-model="value.premisseType" typeahead-min-length="0" uib-typeahead="type for type in streetTypes | filter:$viewValue | limitTo:8" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0" class="form-control" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0">\n      </div>\n    ';
+  var street = useGumgaLayout() ? '\n      <div class="form-group">\n        <gmd-input>\n         <input type="text"\n                class="form-control gmd"\n                ng-blur="searchCoordsOnPremisse(value, true)"\n                ng-model="value.premisse"\n                required>\n         <span class="bar"></span>\n         <label class="control-label">Logradouro</label>\n       </gmd-input>\n      </div>\n    ' : '\n      <div class="form-group">\n       <label for="Logradouro">Logradouro</label>\n       <input type="text" ng-model="value.premisse" class="form-control" ng-blur="searchCoordsOnPremisse(value, true)"/>\n      </div>\n    ';
+  var number = useGumgaLayout() ? '\n    <div class="form-group">\n      <gmd-input>\n       <input type="text"\n              class="form-control gmd"\n              ng-blur="searchCoordsOnNumber(value, true)"\n              ng-model="value.number"\n              required>\n       <span class="bar"></span>\n       <label class="control-label">N\xFAmero</label>\n     </gmd-input>\n    </div>\n    ' : '\n    <div class="form-group">\n    \t\t<label for="N\xFAmero">N\xFAmero</label>\n    \t\t<input type="text" ng-model="value.number" class="form-control" id="numberInput{{::id}}" ng-blur="searchCoordsOnNumber(value, true)"/>\n    </div>\n    ';
+
   var blockStreet = '<div class="row">' + '		<div class="col-md-4">' + streetType + '		</div>' + '		<div class="col-md-8">' + street + '		</div>' + '</div>';
   var blockStreetNumber = '<div class="row">' + '		<div class="col-md-4">' + streetType + '		</div>' + '		<div class="col-md-5">' + street + '		</div>' + '		<div class="col-md-3">' + number + '		</div>' + '</div>';
-  var blockComplement = '<div class="row">' + '		<div class="col-md-6">' + '				<div class="form-group">' + '						<label for="Complemento">Complemento</label>' + '						<input type="text" ng-model="value.information" class="form-control"/>' + '				</div>' + '		</div>';
-  var blockNeighbourhood = '<div class="row">' + '		<div class="col-md-12">' + '				<div class="form-group">' + '						<label for="Bairro">Bairro</label>' + '						<input type="text" ng-model="value.neighbourhood" class="form-control"/>' + '				</div>' + '		</div>' + '</div>';
-  var state = '<div class="form-group">' + '   <label for="UF">UF</label>' + '		<select ng-model="value.state" class="form-control" ng-options="uf for uf in factoryData.ufs" ng-change="setStateCode(value.state)"></select>' + '</div>';
+  var blockComplement = useGumgaLayout() ? '\n      <div class="row">\n    \t\t<div class="col-md-6">\n    \t\t\t\t<div class="form-group">\n                <gmd-input>\n                  <input type="text"\n                         class="form-control gmd"\n                         ng-model="value.information"\n                         required>\n                  <span class="bar"></span>\n                  <label class="control-label">Complemento</label>\n                </gmd-input>\n    \t\t\t\t</div>\n    \t\t</div>\n    ' : '\n     <div class="row">\n    \t\t<div class="col-md-6">\n    \t\t\t\t<div class="form-group">\n    \t\t\t\t\t\t<label for="Complemento">Complemento</label>\n    \t\t\t\t\t\t<input type="text" ng-model="value.information" class="form-control"/>\n    \t\t\t\t</div>\n    \t\t</div>\n      ';
 
-  var stateCode = '				<div class="form-group">' + '						<label for="Bairro">Cód. UF</label>' + '						<input type="text" ng-model="value.stateCode" class="form-control"/>' + '				</div>';
+  var blockNeighbourhood = useGumgaLayout() ? '\n      <div class="row">\n          <div class="col-md-12">\n              <div class="form-group">\n                  <gmd-input>\n                    <input type="text"\n                           class="form-control gmd"\n                           ng-model="value.neighbourhood" id="name"\n                           required>\n                    <span class="bar"></span>\n                    <label for="name" class="control-label">Bairro</label>\n                  </gmd-input>\n              </div>\n          </div>\n      </div>\n    ' : '\n      <div class="row">\n      \t\t<div class="col-md-12">\n      \t\t\t\t<div class="form-group">\n      \t\t\t\t\t\t<label for="Bairro">Bairro</label>\n      \t\t\t\t\t\t<input type="text" ng-model="value.neighbourhood" class="form-control"/>\n      \t\t\t\t</div>\n      \t\t</div>\n      </div>\n    ';
 
-  var city = '<div class="form-group">' + '		<label for="Localidade">Localidade</label>' + '		<input type="text" ng-model="value.localization" class="form-control"/>' + '</div>';
-  var codIBGE = '<div class="form-group">' + '		<label for="CodIBGE{{::id}}">Cód. IBGE</label>' + '		<input type="text" ng-model="value.formalCode" class="form-control" id="CodIBGE{{::id}}"/>' + '</div>';
+  var state = useGumgaLayout() ? '\n    <div class="form-group">\n      <gmd-select ng-model="value.state" placeholder="UF">\n        <gmd-select-search ng-model="searchUF"\n                placeholder="Buscar...">\n        </gmd-select-search>\n        <gmd-option    ng-repeat="uf in factoryData.ufs | filter: searchUF"\n                       ng-value="uf"\n                       ng-label="uf">\n          {{uf}}\n        </gmd-option>\n      </gmd-select>\n\t\t</div>\n    ' : '<div class="form-group">\n        <label for="UF">UF</label>\n    \t\t<select ng-model="value.state" class="form-control" ng-options="uf for uf in factoryData.ufs"></select>\n    </div>';
+
+  var stateCode = useGumgaLayout() ? '\n    <div class="form-group">\n      <gmd-input>\n        <input type="text"\n          class="form-control gmd"\n          ng-model="value.stateCode"\n          required>\n        <span class="bar"></span>\n        <label for="Bairro">C\xF3d. UF</label>\n      </gmd-input>\n\t\t</div>\n    ' : '\n    <div class="form-group">\n\t\t\t\t<label for="Bairro">C\xF3d. UF</label>\n\t\t\t\t<input type="text" ng-model="value.stateCode" class="form-control"/>\n\t\t</div>\n    ';
+
+  var city = useGumgaLayout() ? '\n    <div class="form-group">\n      <gmd-input>\n        <input type="text"\n          class="form-control gmd"\n          ng-model="value.localization"\n          required>\n        <span class="bar"></span>\n        <label class="control-label">Localidade</label>\n      </gmd-input>\n    </div>\n    ' : '\n    <div class="form-group">\n    \t\t<label for="Localidade">Localidade</label>\n    \t\t<input type="text" ng-model="value.localization" class="form-control"/>\n    </div>\n    ';
+
+  var codIBGE = useGumgaLayout() ? '<div class="form-group">\n         <gmd-input>\n           <input type="text"\n             class="form-control gmd"\n             id="CodIBGE{{::id}}"\n             ng-model="value.formalCode"\n             required>\n           <span class="bar"></span>\n           <label for="CodIBGE{{::id}}" class="control-label">C\xF3d. IBGE</label>\n         </gmd-input>\n     </div> ' : '<div class="form-group">\n    \t\t<label for="CodIBGE{{::id}}">C\xF3d. IBGE</label>\n    \t\t<input type="text" ng-model="value.formalCode" class="form-control" id="CodIBGE{{::id}}"/>\n    </div> ';
+
   var blockStateCity = '<div class="row">' + '		<div class="{{withStateCode ? \'col-md-2\' : \'col-md-4\'}}">' + state + '		</div>' + '		<div class="col-md-2" ng-show="withStateCode">' + stateCode + '		</div>' + '		<div class="col-md-8">' + city + '		</div>' + '</div>';
   var blockStateCityIBGE = '<div class="row">' + '		<div class="{{withStateCode ? \'col-md-2\' : \'col-md-4\'}}">' + state + '		</div>' + '		<div class="col-md-2" ng-show="withStateCode">' + stateCode + '		</div>' + '		<div class="col-md-4">' + city + '		</div>' + '		<div class="col-md-4">' + codIBGE + '		</div>' + '</div>';
-  var blockLatLng = '		<div class="col-md-6">' + '     <div class="form-group">' + '		    <label for="Latitude{{::id}}">Latitude e Longitude</label>' + '     <div class="input-group"> ' + '     <div class="input-group-btn" uib-tooltip="Visualizar mapa"> ' + '       <button type="button" class="btn btn-default btn-block" ng-disabled="!value.localization" ng-click="openMaps(value)" target="_blank"><i class="glyphicon glyphicon-map-marker"></i></button>' + '     </div> ' + '     <div class="input-group-btn" style="width:calc(50% - 24px)"> ' + '       <input style="border-left: 0px; border-right: 0px;" type="text" ng-model="value.latitude" class="form-control" id="Latitude{{::id}}"/> ' + '     </div> ' + '     <input style="" type="text" ng-model="value.longitude" class="form-control" id="Longitude{{::id}}"/> ' + '     <div class="input-group-btn"> ' + '        <button type="button" uib-tooltip="Buscar Coordenadas" class="btn btn-default btn-block" ng-click="searchCoords(value)"><i class="glyphicon glyphicon-globe"></i></button>' + '     </div> ' + '   </div></div> ';
+  var blockLatLng = useGumgaLayout() ? '\n      <div class="col-md-6">\n       <div class="form-group" style="margin-top: -24px;">\n          <label for="Latitude{{::id}}" style="font-size: 14px;color: #999;font-weight: normal;pointer-events: none;">Latitude e Longitude</label>\n       <div class="input-group">\n       <div class="input-group-btn" uib-tooltip="Visualizar mapa">\n         <button type="button" class="btn btn-default btn-block" ng-disabled="!value.localization" ng-click="openMaps(value)" target="_blank"><i class="glyphicon glyphicon-map-marker"></i></button>\n       </div>\n       <div class="input-group-btn" style="width:calc(50% - 24px)">\n         <input style="border-left: 0px; border-right: 0px;" type="text" ng-model="value.latitude" class="form-control" id="Latitude{{::id}}"/>\n       </div>\n       <input style="" type="text" ng-model="value.longitude" class="form-control" id="Longitude{{::id}}"/>\n       <div class="input-group-btn">\n          <button type="button" uib-tooltip="Buscar Coordenadas" class="btn btn-default btn-block" ng-click="searchCoords(value)"><i class="glyphicon glyphicon-globe"></i></button>\n       </div>\n     </div></div>\n    ' : '		<div class="col-md-6">' + '     <div class="form-group">' + '		    <label for="Latitude{{::id}}">Latitude e Longitude</label>' + '     <div class="input-group"> ' + '     <div class="input-group-btn" uib-tooltip="Visualizar mapa"> ' + '       <button type="button" class="btn btn-default btn-block" ng-disabled="!value.localization" ng-click="openMaps(value)" target="_blank"><i class="glyphicon glyphicon-map-marker"></i></button>' + '     </div> ' + '     <div class="input-group-btn" style="width:calc(50% - 24px)"> ' + '       <input style="border-left: 0px; border-right: 0px;" type="text" ng-model="value.latitude" class="form-control" id="Latitude{{::id}}"/> ' + '     </div> ' + '     <input style="" type="text" ng-model="value.longitude" class="form-control" id="Longitude{{::id}}"/> ' + '     <div class="input-group-btn"> ' + '        <button type="button" uib-tooltip="Buscar Coordenadas" class="btn btn-default btn-block" ng-click="searchCoords(value)"><i class="glyphicon glyphicon-globe"></i></button>' + '     </div> ' + '   </div></div> ';
 
@@ -305,2 +320,3 @@ var templateEnd = '						</accordion-group>' + '				</accordion>' + '		</div>' + '</div>';
       var template = '';
+
       template = template.concat(templateBegin);
@@ -319,2 +335,3 @@
       template = template.concat(templateEnd);
+
       elm.append($compile(template)(scope));
@@ -435,3 +452,3 @@
         }, function (error) {
-          return eventHandler.searchCepError({ $value: data });
+          return eventHandler.searchCepError({ $value: error });
         });
@@ -438,0 +455,0 @@ };

dist/gumga-address.min.js

@@ -1,1 +0,1 @@
-!function(e){function t(a){if(o[a])return o[a].exports;var r=o[a]={i:a,l:!1,exports:{}};return e[a].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var o={};t.m=e,t.c=o,t.i=function(e){return e},t.d=function(e,o,a){t.o(e,o)||Object.defineProperty(e,o,{configurable:!1,enumerable:!0,get:a})},t.n=function(e){var o=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(o,"a",o),o},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=3)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=function(e,t,o,a,r){e.value={},e.factoryData=angular.copy(t),e.getCitiesByUF=function(t){delete e.value.localization,delete e.value.premisse,delete e.ceps,o.getLocations(t,r).then(function(t){e.cities=t.data})},e.getPremisseByUFAndCity=function(t,a){delete e.value.premisse,delete e.ceps,o.getPremisseByUFAndCity(t,a,r).then(function(t){e.premisses=t.data})},e.searchCep=function(t,a,n){n&&a&&t&&(e.lookingZipCode=!0,o.searchCepByUfAndCityAndPremisse(t,a,n,r).then(function(t){e.ceps=t.data,e.lookingZipCode=!1}))},e.select=function(e){a.close(e)}};a.$inject=["$scope","factoryData","GumgaAddressService","$uibModalInstance","apiSearchCep"],t.default=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default='\n\n<div class="modal-header">\n    <h3 class="modal-title">Encontrar cep</h3>\n</div>\n<div class="modal-body" id="modal-body">\n\n  <form>\n    <div class="row">\n      <div class="col-sm-6">\n        <div class="form-group">\n           <label for="UF">UF</label>\n            <select ng-model="value.state" ng-change="getCitiesByUF(value.state)" class="form-control" ng-options="uf for uf in factoryData.ufs"></select>\n        </div>\n      </div>\n      <div class="col-sm-6">\n        <div class="form-group">\n        \t\t<label for="Localidade">Localidade</label>\n        \t\t<input type="text" typeahead-on-select="getPremisseByUFAndCity(value.state, value.localization)" ng-disabled="!value.state || cities.length == 0" placeholder="Digite para buscar..." typeahead-min-length="0" uib-typeahead="city for city in cities | filter:$viewValue | limitTo:8" ng-model="value.localization" class="form-control"/>\n        </div>\n      </div>\n    </div>\n    <div class="row">\n      <div class="col-sm-12">\n        <div class="form-group">\n            <label for="Localidade">Logradouro</label>\n            <input type="text"\n              ng-disabled="!value.state || cities.length == 0"\n              placeholder="Digite para buscar..."\n              ng-model-options="{debounce: 1000}"\n              ng-change="searchCep(value.state, value.localization, value.premisse)"\n              ng-model="value.premisse"\n              class="form-control"/>\n        </div>\n      </div>\n    </div>\n    <div class="row">\n      <div class="col-sm-12" style="max-height: 200px;overflow: auto;">\n        <label ng-if="lookingZipCode">\n          <i class="glyphicon glyphicon-refresh"></i>\n          Buscando, aguarde um momento...\n        </label>\n        <label ng-if="ceps.length == 0 && !lookingZipCode">\n          Nada encontrado com base na sua pesquisa.\n        </label>\n        <table ng-show="ceps.length > 0 && !lookingZipCode" class="table table-striped">\n            <tr>\n              <th>Bairro</th>\n              <th>Logradouro</th>\n              <th>Cep</th>\n              <th></th>\n            </tr>\n            <tr ng-repeat="cep in ceps | limitTo:20">\n              <td>{{cep.bairro}}</td>\n              <td>{{cep.logradouro}}</td>\n              <td>{{cep.cep}}</td>\n              <td>\n                <button class="gmd btn btn-primary" ng-click="select(cep)">Selecionar</button>\n              </td>\n            </tr>\n        </table>\n      </div>\n    </div>\n\n  </form>\n\n</div>\n\n'},function(e,t,o){"use strict";!function(){function e(e,t){function o(e){return e||a}var a="http://45.33.100.20/services-api";return{everyUf:["AC","AL","AP","AM","BA","CE","DF","ES","GO","MA","MT","MS","MG","PA","PB","PR","PE","PI","RJ","RN","RS","RO","RR","SC","SP","SE","TO"],everyLogradouro:["Outros","Aeroporto","Alameda","Área","Avenida","Campo","Chácara","Colônia","Condomínio","Conjunto","Distrito","Esplanada","Estação","Estrada","Favela","Fazenda","Feira","Jardim","Ladeira","Largo","Lago","Lagoa","Loteamento","Núcleo","Parque","Passarela","Pátio","Praça","Quadra","Recanto","Residencial","Rodovia","Rua","Setor","Sítio","Travessa","Trevo","Trecho","Vale","Vereda","Via","Viaduto","Viela","Via"],availableCountries:["Brasil"],returnFormattedObject:function(){return{zipCode:null,premisseType:null,premisse:null,number:null,information:null,neighbourhood:null,localization:null,state:null,country:null}},getLocations:function(t,a){return e.get(o(a)+"/public/buscar-cidades?uf="+t)},getGoogleCoords:function(e,t){function o(){a.readyState===XMLHttpRequest.DONE&&t({data:a.responseText,status:a.status})}var a;a=new XMLHttpRequest,a.onreadystatechange=o,a.open("GET","http://maps.google.com/maps/api/geocode/json?address="+e),a.send()},getPremisseByUFAndCity:function(t,a,r){return e.get(o(r)+"/public/buscar-logradouros?uf="+t+"&cidade="+a)},searchCepByUfAndCityAndPremisse:function(t,a,r,n){return e.get(o(n)+"/public/buscar-endereco-completo?uf="+t+"&cidade="+a+"&logradouro="+r)},getCep:function(t,a){return e.get(o(a)+"/public/busca-cep/"+t)}}}e.$inject=["$http","$q"],angular.module("gumga.address.services",[]).factory("GumgaAddressService",e)}()},function(e,t,o){"use strict";function a(e){return e&&e.__esModule?e:{default:e}}function r(e,t,o,a,r){return{restrict:"E",scope:{value:"=",onSearchCepStart:"&?",onSearchCepSuccess:"&?",onSearchCepError:"&?",apiSearchCep:"@?",coordsByCep:"@?",coordsByPremisse:"@?",coordsByNumber:"@?"},link:function(t,n,l,d){function c(e){return void 0==e||"true"==e}function u(e){return"true"==e}if(t.cities=[],function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(t.value)&&(t.value=e.returnFormattedObject()),l.countryCep=c(l.countryCep),l.street=c(l.street),l.streetNumber=c(l.streetNumber),l.complement=c(l.complement),l.neighborhood=c(l.neighborhood),l.stateCity=c(l.stateCity),l.stateCityIbge=c(l.stateCityIbge),l.latLng=c(l.latLng),l.maps=c(l.maps),l.coordsByCep=u(l.coordsByCep),l.coordsByPremisse=u(l.coordsByPremisse),l.coordsByNumber=u(l.coordsByNumber),l.stateCode&&(t.withStateCode=c(l.stateCode)),t.streetTypes=["AV","AVENIDA","RUA","ROD.","BC","TRAVESSA","ALAMEDA","VIELA","CAMINHO","ESTRADA","PRAÇA","PASSAGEM","VILA","VIADUTO","RODOVIA","BECO","ACESSO","LARGO","VIA","CAMPO","MONTE","LADEIRA","CALÇADA","LOTEAMENTO","ROTATÓRIA","PASSEIO","NÚCLEO","PARQUE","ANTIGA","LAGO","BOULEVARD","ACAMPAMENTO","COMPLEXO","CONTORNO","BALÇO","CONJUNTO","MORRO","CONDOMÍNIO","TERMINAL","ESCADA","FAVELA","COLÔNIA","RECANTO","ALTO","ILHA","JARDIM","PASSARELA","PONTE","GALERIA","VALE","VEREDA","ENTRADA","BULEVAR","TRECHO","TÚNEL","ESTACIONAMENTO","QUADRA","BOSQUE","RETORNO","PÁTIO","PRAIA","RAMAL","BAIXA","CHÁCARA","SÍTIO","UNIDADE","RESIDENCIAL","FEIRA","ESTAÇÂO","RÓTULA","CANAL","FAZENDA","RETIRO","SETOR","RAMPA","ESPLANADA","CAMPUS","BLOCO","CENTRO","MÓDULO","ESTÁDIO","ESCADARIA","AEROPORTO","SERVIDÃO","FERROVIA","TREVO","PORTO","ATALHO","DISTRITO","CORREDOR","FONTE","CÓRREGO","CIRCULAR","CAIS","SUBIDA","LAGOA","PROLONGAMENTO","DESCIDA","PARALELA","ELEVADA","RETA","PONTA","VALA","BURACO","MARINA","FORTE","PARADA","LINHA","FRANCISCO","MARECHAL","ROD.","CICLOVIA"],l.name||console.error("É necessário passar um parâmetro 'name' como identificador para GumgaAddress"),(l.street&&l.streetNumber||l.stateCity&&l.stateCityIbge)&&console.error("É necessário usar ao menos um dos elementos principais [street ou street-number e state-city ou state-city-ibge] para GumgaAddress"),!l.countryCep&&(l.onSearchCepStart||l.onSearchCepSuccess||l.onSearchCepError))throw"É necessário uso do atributo country-cep para uso das funções [on-search-cep-start / on-search-cep-success / on-search-cep-error]";var p="";p=p.concat('<div class="row"> <div class="col-md-12 col-sm-12 col-xs-12">   <accordion>\t  <accordion-group is-open="false" heading="{{::title}}">'),l.countryCep&&(p=p.concat('<div class="row"> <div class="col-md-8">\t<div class="form-group">   <label for="País">País</label>\t  <select ng-readonly="true" ng-model="value.country" class="form-control" ng-options="pais for pais in factoryData.availableCountries"></select>\t</div>\t</div> <div class="col-md-4">\t<div class="form-group">   <label for="input{{::id}}">CEP</label>   <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">Não sabe?</a> \t  <div class="input-group" style="width: 100%;">\t\t<input type="text" ng-keyup="notfound=false" class="form-control" gumga-mask="99999-999" ng-model="value.zipCode" id="input{{::id}}" ng-keypress="custom($event,value.zipCode)">\t\t<span class="input-group-btn">\t    <button ng-show="!notfound" class="btn btn-primary" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>\t    <button ng-show="notfound" uib-popover="Cep não encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>\t\t</span>   \t  </div>\t</div> </div></div>')),l.stateCity&&(p=p.concat('<div class="row">\t\t<div class="{{withStateCode ? \'col-md-2\' : \'col-md-4\'}}"><div class="form-group">   <label for="UF">UF</label>\t\t<select ng-model="value.state" class="form-control" ng-options="uf for uf in factoryData.ufs" ng-change="setStateCode(value.state)"></select></div>\t\t</div>\t\t<div class="col-md-2" ng-show="withStateCode">\t\t\t\t<div class="form-group">\t\t\t\t\t\t<label for="Bairro">Cód. UF</label>\t\t\t\t\t\t<input type="text" ng-model="value.stateCode" class="form-control"/>\t\t\t\t</div>\t\t</div>\t\t<div class="col-md-8"><div class="form-group">\t\t<label for="Localidade">Localidade</label>\t\t<input type="text" ng-model="value.localization" class="form-control"/></div>\t\t</div></div>')),l.stateCityIbge&&(p=p.concat('<div class="row">\t\t<div class="{{withStateCode ? \'col-md-2\' : \'col-md-4\'}}"><div class="form-group">   <label for="UF">UF</label>\t\t<select ng-model="value.state" class="form-control" ng-options="uf for uf in factoryData.ufs" ng-change="setStateCode(value.state)"></select></div>\t\t</div>\t\t<div class="col-md-2" ng-show="withStateCode">\t\t\t\t<div class="form-group">\t\t\t\t\t\t<label for="Bairro">Cód. UF</label>\t\t\t\t\t\t<input type="text" ng-model="value.stateCode" class="form-control"/>\t\t\t\t</div>\t\t</div>\t\t<div class="col-md-4"><div class="form-group">\t\t<label for="Localidade">Localidade</label>\t\t<input type="text" ng-model="value.localization" class="form-control"/></div>\t\t</div>\t\t<div class="col-md-4"><div class="form-group">\t\t<label for="CodIBGE{{::id}}">Cód. IBGE</label>\t\t<input type="text" ng-model="value.formalCode" class="form-control" id="CodIBGE{{::id}}"/></div>\t\t</div></div>')),l.neighborhood&&(p=p.concat('<div class="row">\t\t<div class="col-md-12">\t\t\t\t<div class="form-group">\t\t\t\t\t\t<label for="Bairro">Bairro</label>\t\t\t\t\t\t<input type="text" ng-model="value.neighbourhood" class="form-control"/>\t\t\t\t</div>\t\t</div></div>')),l.street&&(p=p.concat('<div class="row">\t\t<div class="col-md-4"><div class="form-group"> <label for="tipoLogradouro">Tipo Logradouro</label> <input type="text" ng-model="value.premisseType" typeahead-min-length="0" uib-typeahead="type for type in streetTypes | filter:$viewValue | limitTo:8" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0" class="form-control" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0"></div>\t\t</div>\t\t<div class="col-md-8"><div class="form-group"> <label for="Logradouro">Logradouro</label> <input type="text" ng-model="value.premisse" class="form-control" ng-blur="searchCoordsOnPremisse(value, true)"/></div>\t\t</div></div>')),l.streetNumber&&(p=p.concat('<div class="row">\t\t<div class="col-md-4"><div class="form-group"> <label for="tipoLogradouro">Tipo Logradouro</label> <input type="text" ng-model="value.premisseType" typeahead-min-length="0" uib-typeahead="type for type in streetTypes | filter:$viewValue | limitTo:8" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0" class="form-control" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0"></div>\t\t</div>\t\t<div class="col-md-5"><div class="form-group"> <label for="Logradouro">Logradouro</label> <input type="text" ng-model="value.premisse" class="form-control" ng-blur="searchCoordsOnPremisse(value, true)"/></div>\t\t</div>\t\t<div class="col-md-3"><div class="form-group">\t\t<label for="Número">Número</label>\t\t<input type="text" ng-model="value.number" class="form-control" id="numberInput{{::id}}" ng-blur="searchCoordsOnNumber(value, true)"/></div>\t\t</div></div>')),l.complement&&(p=p.concat('<div class="row">\t\t<div class="col-md-6">\t\t\t\t<div class="form-group">\t\t\t\t\t\t<label for="Complemento">Complemento</label>\t\t\t\t\t\t<input type="text" ng-model="value.information" class="form-control"/>\t\t\t\t</div>\t\t</div>')),l.latLng&&(p=p.concat('\t\t<div class="col-md-6">     <div class="form-group">\t\t    <label for="Latitude{{::id}}">Latitude e Longitude</label>     <div class="input-group">      <div class="input-group-btn" uib-tooltip="Visualizar mapa">        <button type="button" class="btn btn-default btn-block" ng-disabled="!value.localization" ng-click="openMaps(value)" target="_blank"><i class="glyphicon glyphicon-map-marker"></i></button>     </div>      <div class="input-group-btn" style="width:calc(50% - 24px)">        <input style="border-left: 0px; border-right: 0px;" type="text" ng-model="value.latitude" class="form-control" id="Latitude{{::id}}"/>      </div>      <input style="" type="text" ng-model="value.longitude" class="form-control" id="Longitude{{::id}}"/>      <div class="input-group-btn">         <button type="button" uib-tooltip="Buscar Coordenadas" class="btn btn-default btn-block" ng-click="searchCoords(value)"><i class="glyphicon glyphicon-globe"></i></button>     </div>    </div></div> ')),p=p.concat("\t\t\t\t\t\t</accordion-group>\t\t\t\t</accordion>\t\t</div></div>"),n.append(o(p)(t)),t.title=l.title||"Endereço",t.id=l.name,t["loader"+t.id]=!1,t["maps"+t.id]=!1,t.factoryData={ufs:e.everyUf,logs:e.everyLogradouro,availableCountries:e.availableCountries},t.value.country=t.factoryData.availableCountries[0];var m={searchCepStart:l.onSearchCepStart?t.onSearchCepStart:angular.noop,searchCepSuccess:l.onSearchCepSuccess?t.onSearchCepSuccess:angular.noop,searchCepError:l.onSearchCepError?t.onSearchCepError:angular.noop};t.openModal=function(){a.open({template:s.default,controller:i.default,size:"lg",resolve:{factoryData:t.factoryData,apiSearchCep:t.apiSearchCep}}).result.then(function(e){e&&(t.searchCep(e.cep),t.value.zipCode=e.cep,t.value.codigo_ibge=e.codigoIbgeCidade)})},t.custom=function(e,o){o&&13==e.charCode&&t.searchCep(o)},t.openMaps=function(e){e.number||(e.number="");var t="https://www.google.com.br/maps/place/"+e.premisseType+" "+e.premisse+","+e.number+","+e.localization;window.open(t)},t.searchCoords=function(o,a){if(!(o.latitude&&o.longitude&&a)){var r=angular.copy(o);for(var n in r)r[n]||(r[n]="");var s=r.premisseType+" "+r.premisse+", "+r.number+" "+r.neighbourhood+" - "+r.state+" "+r.country;e.getGoogleCoords(s,function(e){200==e.status&&(e={data:JSON.parse(e.data)},t.value.latitude=e.data.results[0].geometry.location.lat,t.value.longitude=e.data.results[0].geometry.location.lng)})}},t.searchCoordsOnPremisse=function(e,o){l.coordsByPremisse&&t.searchCoords(e,o)},t.searchCoordsOnNumber=function(e,o){l.coordsByNumber&&t.searchCoords(e,o)},t.returnLink=function(e){return e.number||(e.number=""),"https://www.google.com.br/maps/place/"+e.premisseType+" "+e.premisse+","+e.number+","+e.localization},t.searchCep=function(o){t["loader"+t.id]=!0,m.searchCepStart(),e.getCep(o,t.apiSearchCep).then(function(e){m.searchCepSuccess({$value:e.data}),t["loader"+t.id]=!1,1==parseInt(e.data.resultado)?(t.value.premisseType=e.data.tipo_logradouro?e.data.tipo_logradouro:t.value.premisseType,t.value.premisse=e.data.logradouro?e.data.logradouro:t.value.premisse,t.value.localization=e.data.cidade?e.data.cidade:t.value.localization,t.value.neighbourhood=e.data.bairro?e.data.bairro:t.value.neighbourhood,t.value.state=e.data.uf?e.data.uf:t.value.state,t.value.stateCode=e.data.codigo_estado?e.data.codigo_estado:t.value.stateCode,l.coordsByCep&&t.searchCoords(t.value),t.value.formalCode=e.data.ibge_cod_cidade?e.data.ibge_cod_cidade:t.value.formalCode,t.value.country="Brasil"):(t.notfound=!0,document.getElementById("input"+t.id).focus(),r(function(){document.getElementById("input"+t.id).select()},10))},function(e){return m.searchCepError({$value:data})})};var v={AC:12,AL:27,AP:16,AM:13,BA:29,CE:23,DF:53,ES:32,GO:52,MA:21,MT:51,MS:50,MG:31,PA:15,PB:25,PR:41,PE:26,PI:22,RJ:33,RN:24,RS:43,RO:11,RR:14,SC:42,SP:35,SE:28,TO:17};t.setStateCode=function(e){t.value.stateCode=v[e]},t.value.zipCode}}}var n=o(1),s=a(n),l=o(0),i=a(l);o(2),r.$inject=["GumgaAddressService","$http","$compile","$uibModal","$timeout"],angular.module("gumga.address",["gumga.address.services"]).directive("gumgaAddress",r)}]);
+!function(e){function t(o){if(n[o])return n[o].exports;var a=n[o]={i:o,l:!1,exports:{}};return e[o].call(a.exports,a,a.exports,t),a.l=!0,a.exports}var n={};t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=3)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(e,t,n,o,a){e.value={},e.factoryData=angular.copy(t),e.getCitiesByUF=function(t){delete e.value.localization,delete e.value.premisse,delete e.ceps,n.getLocations(t,a).then(function(t){e.cities=t.data})},e.getPremisseByUFAndCity=function(t,o){delete e.value.premisse,delete e.ceps,n.getPremisseByUFAndCity(t,o,a).then(function(t){e.premisses=t.data})},e.searchCep=function(t,o,r){r&&o&&t&&(e.lookingZipCode=!0,n.searchCepByUfAndCityAndPremisse(t,o,r,a).then(function(t){e.ceps=t.data,e.lookingZipCode=!1}))},e.select=function(e){o.close(e)}};o.$inject=["$scope","factoryData","GumgaAddressService","$uibModalInstance","apiSearchCep"],t.default=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default='\n\n<div class="modal-header">\n    <h3 class="modal-title">Encontrar cep</h3>\n</div>\n<div class="modal-body" id="modal-body">\n\n  <form>\n    <div class="row">\n      <div class="col-sm-6">\n        <div class="form-group">\n           <label for="UF">UF</label>\n            <select ng-model="value.state" ng-change="getCitiesByUF(value.state)" class="form-control gmd" ng-options="uf for uf in factoryData.ufs"></select>\n        </div>\n      </div>\n      <div class="col-sm-6">\n        <div class="form-group">\n        \t\t<label for="Localidade">Localidade</label>\n        \t\t<input type="text" typeahead-on-select="getPremisseByUFAndCity(value.state, value.localization)" ng-disabled="!value.state || cities.length == 0" placeholder="Digite para buscar..." typeahead-min-length="0" uib-typeahead="city for city in cities | filter:$viewValue | limitTo:8" ng-model="value.localization" class="form-control gmd"/>\n        </div>\n      </div>\n    </div>\n    <div class="row">\n      <div class="col-sm-12">\n        <div class="form-group">\n            <label for="Localidade">Logradouro</label>\n            <input type="text"\n              ng-disabled="!value.state || cities.length == 0"\n              placeholder="Digite para buscar..."\n              ng-model-options="{debounce: 1000}"\n              ng-change="searchCep(value.state, value.localization, value.premisse)"\n              ng-model="value.premisse"\n              class="form-control gmd"/>\n        </div>\n      </div>\n    </div>\n    <div class="row">\n      <div class="col-sm-12" style="max-height: 200px;overflow: auto;">\n        <label ng-if="lookingZipCode">\n          <i class="glyphicon glyphicon-refresh"></i>\n          Buscando, aguarde um momento...\n        </label>\n        <label ng-if="ceps.length == 0 && !lookingZipCode">\n          Nada encontrado com base na sua pesquisa.\n        </label>\n        <table ng-show="ceps.length > 0 && !lookingZipCode" class="table table-striped">\n            <tr>\n              <th>Bairro</th>\n              <th>Logradouro</th>\n              <th>Cep</th>\n              <th></th>\n            </tr>\n            <tr ng-repeat="cep in ceps | limitTo:20">\n              <td>{{cep.bairro}}</td>\n              <td>{{cep.logradouro}}</td>\n              <td>{{cep.cep}}</td>\n              <td>\n                <button class="gmd btn btn-primary" ng-click="select(cep)">Selecionar</button>\n              </td>\n            </tr>\n        </table>\n      </div>\n    </div>\n\n  </form>\n\n</div>\n\n'},function(e,t,n){"use strict";!function(){function e(e,t){function n(e){return e||o}var o="http://45.33.100.20/services-api";return{everyUf:["AC","AL","AP","AM","BA","CE","DF","ES","GO","MA","MT","MS","MG","PA","PB","PR","PE","PI","RJ","RN","RS","RO","RR","SC","SP","SE","TO"],everyLogradouro:["Outros","Aeroporto","Alameda","Área","Avenida","Campo","Chácara","Colônia","Condomínio","Conjunto","Distrito","Esplanada","Estação","Estrada","Favela","Fazenda","Feira","Jardim","Ladeira","Largo","Lago","Lagoa","Loteamento","Núcleo","Parque","Passarela","Pátio","Praça","Quadra","Recanto","Residencial","Rodovia","Rua","Setor","Sítio","Travessa","Trevo","Trecho","Vale","Vereda","Via","Viaduto","Viela","Via"],availableCountries:["Brasil"],returnFormattedObject:function(){return{zipCode:null,premisseType:null,premisse:null,number:null,information:null,neighbourhood:null,localization:null,state:null,country:null}},getLocations:function(t,o){return e.get(n(o)+"/public/buscar-cidades?uf="+t)},getGoogleCoords:function(e,t){function n(){o.readyState===XMLHttpRequest.DONE&&t({data:o.responseText,status:o.status})}var o;o=new XMLHttpRequest,o.onreadystatechange=n,o.open("GET","http://maps.google.com/maps/api/geocode/json?address="+e),o.send()},getPremisseByUFAndCity:function(t,o,a){return e.get(n(a)+"/public/buscar-logradouros?uf="+t+"&cidade="+o)},searchCepByUfAndCityAndPremisse:function(t,o,a,r){return e.get(n(r)+"/public/buscar-endereco-completo?uf="+t+"&cidade="+o+"&logradouro="+a)},getCep:function(t,o){return e.get(n(o)+"/public/busca-cep/"+t)}}}e.$inject=["$http","$q"],angular.module("gumga.address.services",[]).factory("GumgaAddressService",e)}()},function(e,t,n){"use strict";function o(e){return e&&e.__esModule?e:{default:e}}function a(e,t,n,o,a,r){function s(){try{return!!angular.module("gumga.layout")}catch(e){return!1}}var d=s()?'<div class="row">\n     <div class="col-md-8">\n      <div class="form-group" style="margin-top: 21px;">\n       <gmd-select ng-model="value.country"\n                     ng-disabled="true"\n                     placeholder="País">\n        <gmd-option    ng-repeat="pais in factoryData.availableCountries"\n                       ng-value="pais"\n                       ng-label="pais">\n          {{pais}}\n        </gmd-option>\n      </gmd-select>\n      </div>\n      </div>\n     <div class="col-md-4">\n      <div class="form-group">\n        <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">Não sabe?</a>\n        <div class="input-group" style="width: 100%;">\n          <gmd-input>\n            <input type="text"\n                   class="form-control gmd"\n                   ng-keypress="custom($event,value.zipCode)"\n                   ng-keyup="notfound=false"\n                   gumga-mask="99999-999"\n                   ng-model="value.zipCode"  id="input{{::id}}"\n                   required>\n            <label for="input{{::id}}" class="control-label">CEP</label>\n          </gmd-input>\n          <span class="input-group-btn">\n            <button ng-show="!notfound" style="margin-bottom: 22px;" class="btn btn-primary gmd" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>\n            <button ng-show="notfound"  style="margin-bottom: 22px;" uib-tooltip="Cep não encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger gmd" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>\n          </span>\n        </div>\n\n      </div>\n     </div>\n    </div>':'<div class="row">\n     <div class="col-md-8">\n    \t<div class="form-group">\n       <label for="País">País</label>\n    \t  <select ng-readonly="true" ng-model="value.country" class="form-control" ng-options="pais for pais in factoryData.availableCountries"></select>\n    \t</div>\n    \t</div>\n     <div class="col-md-4">\n    \t<div class="form-group">\n       <label for="input{{::id}}">CEP</label>\n       <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">Não sabe?</a>\n    \t  <div class="input-group" style="width: 100%;">\n    \t\t<input type="text" ng-keyup="notfound=false" class="form-control" gumga-mask="99999-999" ng-model="value.zipCode" id="input{{::id}}" ng-keypress="custom($event,value.zipCode)">\n    \t\t<span class="input-group-btn">\n    \t    <button ng-show="!notfound" class="btn btn-primary" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>\n    \t    <button ng-show="notfound" uib-popover="Cep não encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>\n    \t\t</span>\n    \t  </div>\n    \t</div>\n     </div>\n    </div>',c=s()?'\n      <div class="form-group">\n        <gmd-select ng-model="value.premisseType" placeholder="Tipo Logradouro">\n          <gmd-select-search ng-model="searchStreetTypes"\n                placeholder="Buscar...">\n          </gmd-select-search>\n         <gmd-option    ng-repeat="type in streetTypes | filter: searchStreetTypes track by $index"\n                        ng-value="type"\n                        ng-label="type">\n           {{type}}\n         </gmd-option>\n       </gmd-select>\n      </div>\n    ':'\n      <div class="form-group">\n       <label for="tipoLogradouro">Tipo Logradouro</label>\n       <input type="text" ng-model="value.premisseType" typeahead-min-length="0" uib-typeahead="type for type in streetTypes | filter:$viewValue | limitTo:8" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0" class="form-control" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0">\n      </div>\n    ',u=s()?'\n      <div class="form-group">\n        <gmd-input>\n         <input type="text"\n                class="form-control gmd"\n                ng-blur="searchCoordsOnPremisse(value, true)"\n                ng-model="value.premisse"\n                required>\n         <span class="bar"></span>\n         <label class="control-label">Logradouro</label>\n       </gmd-input>\n      </div>\n    ':'\n      <div class="form-group">\n       <label for="Logradouro">Logradouro</label>\n       <input type="text" ng-model="value.premisse" class="form-control" ng-blur="searchCoordsOnPremisse(value, true)"/>\n      </div>\n    ',p=s()?'\n    <div class="form-group">\n      <gmd-input>\n       <input type="text"\n              class="form-control gmd"\n              ng-blur="searchCoordsOnNumber(value, true)"\n              ng-model="value.number"\n              required>\n       <span class="bar"></span>\n       <label class="control-label">Número</label>\n     </gmd-input>\n    </div>\n    ':'\n    <div class="form-group">\n    \t\t<label for="Número">Número</label>\n    \t\t<input type="text" ng-model="value.number" class="form-control" id="numberInput{{::id}}" ng-blur="searchCoordsOnNumber(value, true)"/>\n    </div>\n    ',g='<div class="row">\t\t<div class="col-md-4">'+c+'\t\t</div>\t\t<div class="col-md-8">'+u+"\t\t</div></div>",m='<div class="row">\t\t<div class="col-md-4">'+c+'\t\t</div>\t\t<div class="col-md-5">'+u+'\t\t</div>\t\t<div class="col-md-3">'+p+"\t\t</div></div>",v=s()?'\n      <div class="row">\n    \t\t<div class="col-md-6">\n    \t\t\t\t<div class="form-group">\n                <gmd-input>\n                  <input type="text"\n                         class="form-control gmd"\n                         ng-model="value.information"\n                         required>\n                  <span class="bar"></span>\n                  <label class="control-label">Complemento</label>\n                </gmd-input>\n    \t\t\t\t</div>\n    \t\t</div>\n    ':'\n     <div class="row">\n    \t\t<div class="col-md-6">\n    \t\t\t\t<div class="form-group">\n    \t\t\t\t\t\t<label for="Complemento">Complemento</label>\n    \t\t\t\t\t\t<input type="text" ng-model="value.information" class="form-control"/>\n    \t\t\t\t</div>\n    \t\t</div>\n      ',b=s()?'\n      <div class="row">\n          <div class="col-md-12">\n              <div class="form-group">\n                  <gmd-input>\n                    <input type="text"\n                           class="form-control gmd"\n                           ng-model="value.neighbourhood" id="name"\n                           required>\n                    <span class="bar"></span>\n                    <label for="name" class="control-label">Bairro</label>\n                  </gmd-input>\n              </div>\n          </div>\n      </div>\n    ':'\n      <div class="row">\n      \t\t<div class="col-md-12">\n      \t\t\t\t<div class="form-group">\n      \t\t\t\t\t\t<label for="Bairro">Bairro</label>\n      \t\t\t\t\t\t<input type="text" ng-model="value.neighbourhood" class="form-control"/>\n      \t\t\t\t</div>\n      \t\t</div>\n      </div>\n    ',f=s()?'\n    <div class="form-group">\n      <gmd-select ng-model="value.state" placeholder="UF">\n        <gmd-select-search ng-model="searchUF"\n                placeholder="Buscar...">\n        </gmd-select-search>\n        <gmd-option    ng-repeat="uf in factoryData.ufs | filter: searchUF"\n                       ng-value="uf"\n                       ng-label="uf">\n          {{uf}}\n        </gmd-option>\n      </gmd-select>\n\t\t</div>\n    ':'<div class="form-group">\n        <label for="UF">UF</label>\n    \t\t<select ng-model="value.state" class="form-control" ng-options="uf for uf in factoryData.ufs"></select>\n    </div>',y=s()?'\n    <div class="form-group">\n      <gmd-input>\n        <input type="text"\n          class="form-control gmd"\n          ng-model="value.stateCode"\n          required>\n        <span class="bar"></span>\n        <label for="Bairro">Cód. UF</label>\n      </gmd-input>\n\t\t</div>\n    ':'\n    <div class="form-group">\n\t\t\t\t<label for="Bairro">Cód. UF</label>\n\t\t\t\t<input type="text" ng-model="value.stateCode" class="form-control"/>\n\t\t</div>\n    ',h=s()?'\n    <div class="form-group">\n      <gmd-input>\n        <input type="text"\n          class="form-control gmd"\n          ng-model="value.localization"\n          required>\n        <span class="bar"></span>\n        <label class="control-label">Localidade</label>\n      </gmd-input>\n    </div>\n    ':'\n    <div class="form-group">\n    \t\t<label for="Localidade">Localidade</label>\n    \t\t<input type="text" ng-model="value.localization" class="form-control"/>\n    </div>\n    ',C=s()?'<div class="form-group">\n         <gmd-input>\n           <input type="text"\n             class="form-control gmd"\n             id="CodIBGE{{::id}}"\n             ng-model="value.formalCode"\n             required>\n           <span class="bar"></span>\n           <label for="CodIBGE{{::id}}" class="control-label">Cód. IBGE</label>\n         </gmd-input>\n     </div> ':'<div class="form-group">\n    \t\t<label for="CodIBGE{{::id}}">Cód. IBGE</label>\n    \t\t<input type="text" ng-model="value.formalCode" class="form-control" id="CodIBGE{{::id}}"/>\n    </div> ',A="<div class=\"row\">\t\t<div class=\"{{withStateCode ? 'col-md-2' : 'col-md-4'}}\">"+f+'\t\t</div>\t\t<div class="col-md-2" ng-show="withStateCode">'+y+'\t\t</div>\t\t<div class="col-md-8">'+h+"\t\t</div></div>",O="<div class=\"row\">\t\t<div class=\"{{withStateCode ? 'col-md-2' : 'col-md-4'}}\">"+f+'\t\t</div>\t\t<div class="col-md-2" ng-show="withStateCode">'+y+'\t\t</div>\t\t<div class="col-md-4">'+h+'\t\t</div>\t\t<div class="col-md-4">'+C+"\t\t</div></div>",E=s()?'\n      <div class="col-md-6">\n       <div class="form-group" style="margin-top: -24px;">\n          <label for="Latitude{{::id}}" style="font-size: 14px;color: #999;font-weight: normal;pointer-events: none;">Latitude e Longitude</label>\n       <div class="input-group">\n       <div class="input-group-btn" uib-tooltip="Visualizar mapa">\n         <button type="button" class="btn btn-default btn-block" ng-disabled="!value.localization" ng-click="openMaps(value)" target="_blank"><i class="glyphicon glyphicon-map-marker"></i></button>\n       </div>\n       <div class="input-group-btn" style="width:calc(50% - 24px)">\n         <input style="border-left: 0px; border-right: 0px;" type="text" ng-model="value.latitude" class="form-control" id="Latitude{{::id}}"/>\n       </div>\n       <input style="" type="text" ng-model="value.longitude" class="form-control" id="Longitude{{::id}}"/>\n       <div class="input-group-btn">\n          <button type="button" uib-tooltip="Buscar Coordenadas" class="btn btn-default btn-block" ng-click="searchCoords(value)"><i class="glyphicon glyphicon-globe"></i></button>\n       </div>\n     </div></div>\n    ':'\t\t<div class="col-md-6">     <div class="form-group">\t\t    <label for="Latitude{{::id}}">Latitude e Longitude</label>     <div class="input-group">      <div class="input-group-btn" uib-tooltip="Visualizar mapa">        <button type="button" class="btn btn-default btn-block" ng-disabled="!value.localization" ng-click="openMaps(value)" target="_blank"><i class="glyphicon glyphicon-map-marker"></i></button>     </div>      <div class="input-group-btn" style="width:calc(50% - 24px)">        <input style="border-left: 0px; border-right: 0px;" type="text" ng-model="value.latitude" class="form-control" id="Latitude{{::id}}"/>      </div>      <input style="" type="text" ng-model="value.longitude" class="form-control" id="Longitude{{::id}}"/>      <div class="input-group-btn">         <button type="button" uib-tooltip="Buscar Coordenadas" class="btn btn-default btn-block" ng-click="searchCoords(value)"><i class="glyphicon glyphicon-globe"></i></button>     </div>    </div></div> ';return{restrict:"E",scope:{value:"=",onSearchCepStart:"&?",onSearchCepSuccess:"&?",onSearchCepError:"&?",apiSearchCep:"@?",coordsByCep:"@?",coordsByPremisse:"@?",coordsByNumber:"@?"},link:function(t,r,s,c){function u(e){return void 0==e||"true"==e}function p(e){return"true"==e}if(t.cities=[],function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0}(t.value)&&(t.value=e.returnFormattedObject()),s.countryCep=u(s.countryCep),s.street=u(s.street),s.streetNumber=u(s.streetNumber),s.complement=u(s.complement),s.neighborhood=u(s.neighborhood),s.stateCity=u(s.stateCity),s.stateCityIbge=u(s.stateCityIbge),s.latLng=u(s.latLng),s.maps=u(s.maps),s.coordsByCep=p(s.coordsByCep),s.coordsByPremisse=p(s.coordsByPremisse),s.coordsByNumber=p(s.coordsByNumber),s.stateCode&&(t.withStateCode=u(s.stateCode)),t.streetTypes=["AV","AVENIDA","RUA","ROD.","BC","TRAVESSA","ALAMEDA","VIELA","CAMINHO","ESTRADA","PRAÇA","PASSAGEM","VILA","VIADUTO","RODOVIA","BECO","ACESSO","LARGO","VIA","CAMPO","MONTE","LADEIRA","CALÇADA","LOTEAMENTO","ROTATÓRIA","PASSEIO","NÚCLEO","PARQUE","ANTIGA","LAGO","BOULEVARD","ACAMPAMENTO","COMPLEXO","CONTORNO","BALÇO","CONJUNTO","MORRO","CONDOMÍNIO","TERMINAL","ESCADA","FAVELA","COLÔNIA","RECANTO","ALTO","ILHA","JARDIM","PASSARELA","PONTE","GALERIA","VALE","VEREDA","ENTRADA","BULEVAR","TRECHO","TÚNEL","ESTACIONAMENTO","QUADRA","BOSQUE","RETORNO","PÁTIO","PRAIA","RAMAL","BAIXA","CHÁCARA","SÍTIO","UNIDADE","RESIDENCIAL","FEIRA","ESTAÇÂO","RÓTULA","CANAL","FAZENDA","RETIRO","SETOR","RAMPA","ESPLANADA","CAMPUS","BLOCO","CENTRO","MÓDULO","ESTÁDIO","ESCADARIA","AEROPORTO","SERVIDÃO","FERROVIA","TREVO","PORTO","ATALHO","DISTRITO","CORREDOR","FONTE","CÓRREGO","CIRCULAR","CAIS","SUBIDA","LAGOA","PROLONGAMENTO","DESCIDA","PARALELA","ELEVADA","RETA","PONTA","VALA","BURACO","MARINA","FORTE","PARADA","LINHA","FRANCISCO","MARECHAL","ROD.","CICLOVIA"],s.name||console.error("É necessário passar um parâmetro 'name' como identificador para GumgaAddress"),(s.street&&s.streetNumber||s.stateCity&&s.stateCityIbge)&&console.error("É necessário usar ao menos um dos elementos principais [street ou street-number e state-city ou state-city-ibge] para GumgaAddress"),!s.countryCep&&(s.onSearchCepStart||s.onSearchCepSuccess||s.onSearchCepError))throw"É necessário uso do atributo country-cep para uso das funções [on-search-cep-start / on-search-cep-success / on-search-cep-error]";var f="";f=f.concat('<div class="row"> <div class="col-md-12 col-sm-12 col-xs-12">   <accordion>\t  <accordion-group is-open="false" heading="{{::title}}">'),s.countryCep&&(f=f.concat(d)),s.stateCity&&(f=f.concat(A)),s.stateCityIbge&&(f=f.concat(O)),s.neighborhood&&(f=f.concat(b)),s.street&&(f=f.concat(g)),s.streetNumber&&(f=f.concat(m)),s.complement&&(f=f.concat(v)),s.latLng&&(f=f.concat(E)),f=f.concat("\t\t\t\t\t\t</accordion-group>\t\t\t\t</accordion>\t\t</div></div>"),r.append(n(f)(t)),t.title=s.title||"Endereço",t.id=s.name,t["loader"+t.id]=!1,t["maps"+t.id]=!1,t.factoryData={ufs:e.everyUf,logs:e.everyLogradouro,availableCountries:e.availableCountries},t.value.country=t.factoryData.availableCountries[0];var y={searchCepStart:s.onSearchCepStart?t.onSearchCepStart:angular.noop,searchCepSuccess:s.onSearchCepSuccess?t.onSearchCepSuccess:angular.noop,searchCepError:s.onSearchCepError?t.onSearchCepError:angular.noop};t.openModal=function(){o.open({template:l.default,controller:i.default,size:"lg",resolve:{factoryData:t.factoryData,apiSearchCep:t.apiSearchCep}}).result.then(function(e){e&&(t.searchCep(e.cep),t.value.zipCode=e.cep,t.value.codigo_ibge=e.codigoIbgeCidade)})},t.custom=function(e,n){n&&13==e.charCode&&t.searchCep(n)},t.openMaps=function(e){e.number||(e.number="");var t="https://www.google.com.br/maps/place/"+e.premisseType+" "+e.premisse+","+e.number+","+e.localization;window.open(t)},t.searchCoords=function(n,o){if(!(n.latitude&&n.longitude&&o)){var a=angular.copy(n);for(var r in a)a[r]||(a[r]="");var l=a.premisseType+" "+a.premisse+", "+a.number+" "+a.neighbourhood+" - "+a.state+" "+a.country;e.getGoogleCoords(l,function(e){200==e.status&&(e={data:JSON.parse(e.data)},t.value.latitude=e.data.results[0].geometry.location.lat,t.value.longitude=e.data.results[0].geometry.location.lng)})}},t.searchCoordsOnPremisse=function(e,n){s.coordsByPremisse&&t.searchCoords(e,n)},t.searchCoordsOnNumber=function(e,n){s.coordsByNumber&&t.searchCoords(e,n)},t.returnLink=function(e){return e.number||(e.number=""),"https://www.google.com.br/maps/place/"+e.premisseType+" "+e.premisse+","+e.number+","+e.localization},t.searchCep=function(n){t["loader"+t.id]=!0,y.searchCepStart(),e.getCep(n,t.apiSearchCep).then(function(e){y.searchCepSuccess({$value:e.data}),t["loader"+t.id]=!1,1==parseInt(e.data.resultado)?(t.value.premisseType=e.data.tipo_logradouro?e.data.tipo_logradouro:t.value.premisseType,t.value.premisse=e.data.logradouro?e.data.logradouro:t.value.premisse,t.value.localization=e.data.cidade?e.data.cidade:t.value.localization,t.value.neighbourhood=e.data.bairro?e.data.bairro:t.value.neighbourhood,t.value.state=e.data.uf?e.data.uf:t.value.state,t.value.stateCode=e.data.codigo_estado?e.data.codigo_estado:t.value.stateCode,s.coordsByCep&&t.searchCoords(t.value),t.value.formalCode=e.data.ibge_cod_cidade?e.data.ibge_cod_cidade:t.value.formalCode,t.value.country="Brasil"):(t.notfound=!0,document.getElementById("input"+t.id).focus(),a(function(){document.getElementById("input"+t.id).select()},10))},function(e){return y.searchCepError({$value:e})})};var h={AC:12,AL:27,AP:16,AM:13,BA:29,CE:23,DF:53,ES:32,GO:52,MA:21,MT:51,MS:50,MG:31,PA:15,PB:25,PR:41,PE:26,PI:22,RJ:33,RN:24,RS:43,RO:11,RR:14,SC:42,SP:35,SE:28,TO:17};t.setStateCode=function(e){t.value.stateCode=h[e]},t.value.zipCode}}}var r=n(1),l=o(r),s=n(0),i=o(s);n(2),a.$inject=["GumgaAddressService","$http","$compile","$uibModal","$timeout","$injector"],angular.module("gumga.address",["gumga.address.services"]).directive("gumgaAddress",a)}]);

docs/versions.json

@@ -1,1 +0,1 @@
-["1.1.0", "1.1.4", "1.1.5"]
+["1.1.0", "1.1.4", "1.1.6"]

package.json

 {
   "name": "gumga-address-ng",
-  "version": "1.1.6",
+  "version": "1.2.0",
   "description": "Gumga Address",
@@ -5,0 +5,0 @@ "main": "./src/address.js",

src/address.js

@@ -6,4 +6,13 @@ require('./address.service.js')
 'use strict';
-AddressDirective.$inject = ['GumgaAddressService', '$http', '$compile', '$uibModal', '$timeout'];
-function AddressDirective(GumgaAddressService, $http, $compile, $uibModal, $timeout) {
+AddressDirective.$inject = ['GumgaAddressService', '$http', '$compile', '$uibModal', '$timeout', '$injector'];
+function AddressDirective(GumgaAddressService, $http, $compile, $uibModal, $timeout, $injector) {
+
+  function useGumgaLayout(){
+    try {
+      return !!angular.module('gumga.layout');
+    } catch (error) {
+      return false;
+    }
+  }
+
   var templateBegin =
@@ -15,44 +24,129 @@ '<div class="row">' +
     ;
-  var blockCountryCep =
-    '<div class="row">' +
-    ' <div class="col-md-8">' +
-    '	<div class="form-group">' +
-    '   <label for="País">País</label>' +
-    '	  <select ng-readonly="true" ng-model="value.country" class="form-control" ng-options="pais for pais in factoryData.availableCountries"></select>' +
-    '	</div>' +
-    '	</div>' +
-    ' <div class="col-md-4">' +
-    '	<div class="form-group">' +
-    '   <label for="input{{::id}}">CEP</label>' +
-    '   <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">Não sabe?</a> ' +
-    '	  <div class="input-group" style="width: 100%;">' +
-    '		<input type="text" ng-keyup="notfound=false" class="form-control" gumga-mask="99999-999" ng-model="value.zipCode" id="input{{::id}}" ng-keypress="custom($event,value.zipCode)">' +
-    '		<span class="input-group-btn">' +
-    '	    <button ng-show="!notfound" class="btn btn-primary" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>' +
-    '	    <button ng-show="notfound" uib-popover="Cep não encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>' +
-    '		</span>' +
-    '   ' +
-    '	  </div>' +
-    '	</div>' +
-    ' </div>' +
-    '</div>'
+  var blockCountryCep = useGumgaLayout() ?
+    `<div class="row">
+     <div class="col-md-8">
+      <div class="form-group" style="margin-top: 21px;">
+       <gmd-select ng-model="value.country"
+                     ng-disabled="true"
+                     placeholder="País">
+        <gmd-option    ng-repeat="pais in factoryData.availableCountries"
+                       ng-value="pais"
+                       ng-label="pais">
+          {{pais}}
+        </gmd-option>
+      </gmd-select>
+      </div>
+      </div>
+     <div class="col-md-4">
+      <div class="form-group">
+        <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">Não sabe?</a>
+        <div class="input-group" style="width: 100%;">
+          <gmd-input>
+            <input type="text"
+                   class="form-control gmd"
+                   ng-keypress="custom($event,value.zipCode)"
+                   ng-keyup="notfound=false"
+                   gumga-mask="99999-999"
+                   ng-model="value.zipCode"  id="input{{::id}}"
+                   required>
+            <label for="input{{::id}}" class="control-label">CEP</label>
+          </gmd-input>
+          <span class="input-group-btn">
+            <button ng-show="!notfound" style="margin-bottom: 22px;" class="btn btn-primary gmd" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>
+            <button ng-show="notfound"  style="margin-bottom: 22px;" uib-tooltip="Cep não encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger gmd" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>
+          </span>
+        </div>
+
+      </div>
+     </div>
+    </div>`
+    :
+    `<div class="row">
+     <div class="col-md-8">
+    	<div class="form-group">
+       <label for="País">País</label>
+    	  <select ng-readonly="true" ng-model="value.country" class="form-control" ng-options="pais for pais in factoryData.availableCountries"></select>
+    	</div>
+    	</div>
+     <div class="col-md-4">
+    	<div class="form-group">
+       <label for="input{{::id}}">CEP</label>
+       <a data-ng-click="openModal()" style="cursor: pointer;margin: 0;float: right;" class="text text-primary">Não sabe?</a>
+    	  <div class="input-group" style="width: 100%;">
+    		<input type="text" ng-keyup="notfound=false" class="form-control" gumga-mask="99999-999" ng-model="value.zipCode" id="input{{::id}}" ng-keypress="custom($event,value.zipCode)">
+    		<span class="input-group-btn">
+    	    <button ng-show="!notfound" class="btn btn-primary" type="button" ng-click="searchCep(value.zipCode)" ng-disabled="loader{{::id}}" id="buttonSearch{{::id}}"><i class="glyphicon glyphicon-search"></i></button>
+    	    <button ng-show="notfound" uib-popover="Cep não encontrado!" popover-trigger="\'mouseenter\'" class="btn btn-danger" type="button"><i class="glyphicon glyphicon-info-sign"></i></button>
+    		</span>
+    	  </div>
+    	</div>
+     </div>
+    </div>`;
+
+  var streetType = useGumgaLayout() ?
+    `
+      <div class="form-group">
+        <gmd-select ng-model="value.premisseType" placeholder="Tipo Logradouro">
+          <gmd-select-search ng-model="searchStreetTypes"
+                placeholder="Buscar...">
+          </gmd-select-search>
+         <gmd-option    ng-repeat="type in streetTypes | filter: searchStreetTypes track by $index"
+                        ng-value="type"
+                        ng-label="type">
+           {{type}}
+         </gmd-option>
+       </gmd-select>
+      </div>
+    `
+    :
+    `
+      <div class="form-group">
+       <label for="tipoLogradouro">Tipo Logradouro</label>
+       <input type="text" ng-model="value.premisseType" typeahead-min-length="0" uib-typeahead="type for type in streetTypes | filter:$viewValue | limitTo:8" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0" class="form-control" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0">
+      </div>
+    `;
+  var street =  useGumgaLayout() ?
+    `
+      <div class="form-group">
+        <gmd-input>
+         <input type="text"
+                class="form-control gmd"
+                ng-blur="searchCoordsOnPremisse(value, true)"
+                ng-model="value.premisse"
+                required>
+         <span class="bar"></span>
+         <label class="control-label">Logradouro</label>
+       </gmd-input>
+      </div>
+    `
+    :
+    `
+      <div class="form-group">
+       <label for="Logradouro">Logradouro</label>
+       <input type="text" ng-model="value.premisse" class="form-control" ng-blur="searchCoordsOnPremisse(value, true)"/>
+      </div>
+    `
     ;
-  var streetType =
-    '<div class="form-group">' +
-    ' <label for="tipoLogradouro">Tipo Logradouro</label>' +
-    ' <input type="text" ng-model="value.premisseType" typeahead-min-length="0" uib-typeahead="type for type in streetTypes | filter:$viewValue | limitTo:8" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0" class="form-control" typeahead-editable="false" typeahead-show-hint="true" typeahead-min-length="0">' +
-    '</div>'
-    ;
-  var street =
-    '<div class="form-group">' +
-    ' <label for="Logradouro">Logradouro</label>' +
-    ' <input type="text" ng-model="value.premisse" class="form-control" ng-blur="searchCoordsOnPremisse(value, true)"/>' +
-    '</div>'
-    ;
-  var number =
-    '<div class="form-group">' +
-    '		<label for="Número">Número</label>' +
-    '		<input type="text" ng-model="value.number" class="form-control" id="numberInput{{::id}}" ng-blur="searchCoordsOnNumber(value, true)"/>' +
-    '</div>'
-    ;
+  var number = useGumgaLayout() ?
+    `
+    <div class="form-group">
+      <gmd-input>
+       <input type="text"
+              class="form-control gmd"
+              ng-blur="searchCoordsOnNumber(value, true)"
+              ng-model="value.number"
+              required>
+       <span class="bar"></span>
+       <label class="control-label">Número</label>
+     </gmd-input>
+    </div>
+    `
+    :
+    `
+    <div class="form-group">
+    		<label for="Número">Número</label>
+    		<input type="text" ng-model="value.number" class="form-control" id="numberInput{{::id}}" ng-blur="searchCoordsOnNumber(value, true)"/>
+    </div>
+    `;
+
   var blockStreet =
@@ -76,46 +170,139 @@ '<div class="row">' +
     ;
-  var blockComplement =
-  '<div class="row">' +
-    '		<div class="col-md-6">' +
-    '				<div class="form-group">' +
-    '						<label for="Complemento">Complemento</label>' +
-    '						<input type="text" ng-model="value.information" class="form-control"/>' +
-    '				</div>' +
-    '		</div>';
-  var blockNeighbourhood =
-    '<div class="row">' +
-    '		<div class="col-md-12">' +
-    '				<div class="form-group">' +
-    '						<label for="Bairro">Bairro</label>' +
-    '						<input type="text" ng-model="value.neighbourhood" class="form-control"/>' +
-    '				</div>' +
-    '		</div>' +
-    '</div>'
-    ;
-  var state =
-    '<div class="form-group">' +
-    '   <label for="UF">UF</label>' +
-    '		<select ng-model="value.state" class="form-control" ng-options="uf for uf in factoryData.ufs" ng-change="setStateCode(value.state)"></select>' +
-    '</div>'
-    ;
+  var blockComplement = useGumgaLayout() ?
+    `
+      <div class="row">
+    		<div class="col-md-6">
+    				<div class="form-group">
+                <gmd-input>
+                  <input type="text"
+                         class="form-control gmd"
+                         ng-model="value.information"
+                         required>
+                  <span class="bar"></span>
+                  <label class="control-label">Complemento</label>
+                </gmd-input>
+    				</div>
+    		</div>
+    `
+    :
+    `
+     <div class="row">
+    		<div class="col-md-6">
+    				<div class="form-group">
+    						<label for="Complemento">Complemento</label>
+    						<input type="text" ng-model="value.information" class="form-control"/>
+    				</div>
+    		</div>
+      `;
 
-  var stateCode =
-    '				<div class="form-group">' +
-    '						<label for="Bairro">Cód. UF</label>' +
-    '						<input type="text" ng-model="value.stateCode" class="form-control"/>' +
-    '				</div>'
-    ;
+  var blockNeighbourhood = useGumgaLayout() ?
+    `
+      <div class="row">
+          <div class="col-md-12">
+              <div class="form-group">
+                  <gmd-input>
+                    <input type="text"
+                           class="form-control gmd"
+                           ng-model="value.neighbourhood" id="name"
+                           required>
+                    <span class="bar"></span>
+                    <label for="name" class="control-label">Bairro</label>
+                  </gmd-input>
+              </div>
+          </div>
+      </div>
+    `
+    :
+    `
+      <div class="row">
+      		<div class="col-md-12">
+      				<div class="form-group">
+      						<label for="Bairro">Bairro</label>
+      						<input type="text" ng-model="value.neighbourhood" class="form-control"/>
+      				</div>
+      		</div>
+      </div>
+    `;
 
-  var city =
-    '<div class="form-group">' +
-    '		<label for="Localidade">Localidade</label>' +
-    '		<input type="text" ng-model="value.localization" class="form-control"/>' +
-    '</div>'
-    ;
-  var codIBGE =
-    '<div class="form-group">' +
-    '		<label for="CodIBGE{{::id}}">Cód. IBGE</label>' +
-    '		<input type="text" ng-model="value.formalCode" class="form-control" id="CodIBGE{{::id}}"/>' +
-    '</div>'
-    ;
+  var state = useGumgaLayout() ?
+    `
+    <div class="form-group">
+      <gmd-select ng-model="value.state" placeholder="UF">
+        <gmd-select-search ng-model="searchUF"
+                placeholder="Buscar...">
+        </gmd-select-search>
+        <gmd-option    ng-repeat="uf in factoryData.ufs | filter: searchUF"
+                       ng-value="uf"
+                       ng-label="uf">
+          {{uf}}
+        </gmd-option>
+      </gmd-select>
+		</div>
+    `
+    :
+    `<div class="form-group">
+        <label for="UF">UF</label>
+    		<select ng-model="value.state" class="form-control" ng-options="uf for uf in factoryData.ufs"></select>
+    </div>`;
+
+  var stateCode = useGumgaLayout() ?
+		`
+    <div class="form-group">
+      <gmd-input>
+        <input type="text"
+          class="form-control gmd"
+          ng-model="value.stateCode"
+          required>
+        <span class="bar"></span>
+        <label for="Bairro">Cód. UF</label>
+      </gmd-input>
+		</div>
+    `
+    :
+    `
+    <div class="form-group">
+				<label for="Bairro">Cód. UF</label>
+				<input type="text" ng-model="value.stateCode" class="form-control"/>
+		</div>
+    `;
+
+  var city = useGumgaLayout() ?
+    `
+    <div class="form-group">
+      <gmd-input>
+        <input type="text"
+          class="form-control gmd"
+          ng-model="value.localization"
+          required>
+        <span class="bar"></span>
+        <label class="control-label">Localidade</label>
+      </gmd-input>
+    </div>
+    `
+    :
+    `
+    <div class="form-group">
+    		<label for="Localidade">Localidade</label>
+    		<input type="text" ng-model="value.localization" class="form-control"/>
+    </div>
+    `;
+
+  var codIBGE = useGumgaLayout() ?
+     `<div class="form-group">
+         <gmd-input>
+           <input type="text"
+             class="form-control gmd"
+             id="CodIBGE{{::id}}"
+             ng-model="value.formalCode"
+             required>
+           <span class="bar"></span>
+           <label for="CodIBGE{{::id}}" class="control-label">Cód. IBGE</label>
+         </gmd-input>
+     </div> `
+    :
+    `<div class="form-group">
+    		<label for="CodIBGE{{::id}}">Cód. IBGE</label>
+    		<input type="text" ng-model="value.formalCode" class="form-control" id="CodIBGE{{::id}}"/>
+    </div> `;
+
   var blockStateCity =
@@ -143,4 +330,21 @@ '<div class="row">' +
     ;
-  var blockLatLng =
-    
+  var blockLatLng = useGumgaLayout() ?
+    `
+      <div class="col-md-6">
+       <div class="form-group" style="margin-top: -24px;">
+          <label for="Latitude{{::id}}" style="font-size: 14px;color: #999;font-weight: normal;pointer-events: none;">Latitude e Longitude</label>
+       <div class="input-group">
+       <div class="input-group-btn" uib-tooltip="Visualizar mapa">
+         <button type="button" class="btn btn-default btn-block" ng-disabled="!value.localization" ng-click="openMaps(value)" target="_blank"><i class="glyphicon glyphicon-map-marker"></i></button>
+       </div>
+       <div class="input-group-btn" style="width:calc(50% - 24px)">
+         <input style="border-left: 0px; border-right: 0px;" type="text" ng-model="value.latitude" class="form-control" id="Latitude{{::id}}"/>
+       </div>
+       <input style="" type="text" ng-model="value.longitude" class="form-control" id="Longitude{{::id}}"/>
+       <div class="input-group-btn">
+          <button type="button" uib-tooltip="Buscar Coordenadas" class="btn btn-default btn-block" ng-click="searchCoords(value)"><i class="glyphicon glyphicon-globe"></i></button>
+       </div>
+     </div></div>
+    `
+    :
     '		<div class="col-md-6">' +
@@ -152,3 +356,3 @@ '     <div class="form-group">' +
     '       <button type="button" class="btn btn-default btn-block" ng-disabled="!value.localization" ng-click="openMaps(value)" target="_blank"><i class="glyphicon glyphicon-map-marker"></i></button>'+
-    '     </div> '+  
+    '     </div> '+
     '     <div class="input-group-btn" style="width:calc(50% - 24px)"> '+
@@ -160,3 +364,3 @@ '       <input style="border-left: 0px; border-right: 0px;" type="text" ng-model="value.latitude" class="form-control" id="Latitude{{::id}}"/> '+
     '        <button type="button" uib-tooltip="Buscar Coordenadas" class="btn btn-default btn-block" ng-click="searchCoords(value)"><i class="glyphicon glyphicon-globe"></i></button>' +
-    '     </div> '+  
+    '     </div> '+
     '   </div></div> ';
@@ -225,2 +429,3 @@
       var template = '';
+
       template = template.concat(templateBegin);
@@ -239,2 +444,3 @@
       template = template.concat(templateEnd);
+
       elm.append($compile(template)(scope));
@@ -295,3 +501,3 @@
       scope.searchCoords = function (value, isSearchField) {
-        
+
         if ((value.latitude && value.longitude) && isSearchField) return
@@ -318,3 +524,3 @@
              scope.value.longitude = data.data.results[0].geometry.location.lng
-           } 
+           }
         })
@@ -362,3 +568,3 @@ }
             }
-          }, error => eventHandler.searchCepError({ $value: data }))
+          }, error => eventHandler.searchCepError({ $value: error }))
       };
@@ -365,0 +571,0 @@

src/address.modal.template.js

@@ -13,3 +13,3 @@ export default `
            <label for="UF">UF</label>
-            <select ng-model="value.state" ng-change="getCitiesByUF(value.state)" class="form-control" ng-options="uf for uf in factoryData.ufs"></select>
+            <select ng-model="value.state" ng-change="getCitiesByUF(value.state)" class="form-control gmd" ng-options="uf for uf in factoryData.ufs"></select>
         </div>
@@ -20,3 +20,3 @@ </div>
         		<label for="Localidade">Localidade</label>
-        		<input type="text" typeahead-on-select="getPremisseByUFAndCity(value.state, value.localization)" ng-disabled="!value.state || cities.length == 0" placeholder="Digite para buscar..." typeahead-min-length="0" uib-typeahead="city for city in cities | filter:$viewValue | limitTo:8" ng-model="value.localization" class="form-control"/>
+        		<input type="text" typeahead-on-select="getPremisseByUFAndCity(value.state, value.localization)" ng-disabled="!value.state || cities.length == 0" placeholder="Digite para buscar..." typeahead-min-length="0" uib-typeahead="city for city in cities | filter:$viewValue | limitTo:8" ng-model="value.localization" class="form-control gmd"/>
         </div>
@@ -35,3 +35,3 @@ </div>
               ng-model="value.premisse"
-              class="form-control"/>
+              class="form-control gmd"/>
         </div>
@@ -38,0 +38,0 @@ </div>

webpack.dev.config.js

@@ -47,2 +47,2 @@ const path = require('path');
     }
-};
+};

webpack.production.bundle.config.js

@@ -43,2 +43,2 @@ const path = require('path');
     }
-};
+};

webpack.production.config.js

@@ -44,2 +44,2 @@ const path = require('path');
     }
-};
+};

No alert changes

Improved metrics

Total package byte prevSize

256281

increased by8.78%

Lines of code

2383

increased by10.53%

No dependency changes