@muzykantov/ngx-dadata
Version:
Angular 6+ [DaData][dadata] suggestion (подсказки) implementation
1 lines • 7.31 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"DaDataType":{"fio":"fio","address":"address","party":"party","bank":"bank","email":"email"},"NgxDaDataService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":19,"character":28}]}],"setApiKey":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}]},"statics":{"ngInjectableDef":{}}},"createDaDataValidator":{"__symbolic":"function","parameters":["value"],"value":{"__symbolic":"error","message":"Lambda not supported","line":36,"character":9,"module":"./lib/ngx-da-data.component"}},"NgxDaDataComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":48,"character":1},"arguments":[{"selector":"ngx-da-data","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":24,"character":11},"useExisting":{"__symbolic":"reference","name":"NgxDaDataComponent"},"multi":true}],"template":"<div class=\"autocomplete\">\r\n <label for=\"address_input\"></label>\r\n <input [disabled]=\"disabled ? true : null\" type=\"text\" id=\"address_input\" name=\"address\" class=\"search\" #inputValue (input)=\"getData(inputValue.value)\"\r\n [placeholder]=\"placeholder\" (keyup.ArrowDown)=\"onArrowDown()\" (keyup.ArrowUp)=\"onArrowUp()\"\r\n (keyup.Enter)=\"onEnter()\" spellcheck=\"false\" [(ngModel)]=\"value\" autocomplete=\"new-password\" />\r\n <div *ngIf=\"data.length\">\r\n <div class=\"autocomplete-items\">\r\n <div class=\"autocomplele-item\" *ngFor=\"let item of data;let i = index\" (click)=\"onClick($event, item)\" [id]=\"i+'item'\">\r\n {{item.value}}\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n","styles":[".autocomplete{position:relative}input{border:0 solid transparent;background-color:#f1f1f1;padding:5px}input[type=text]{background-color:#f1f1f1;width:100%}input[type=submit]{background-color:#1e90ff;color:#fff}.autocomplete-items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:0;right:0}.autocomplete-items .autocomplele-item{padding:5px 10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4}.autocomplete-items .autocomplele-item:hover{background-color:#e9e9e9}.autocomplete-items .autocomplele-item.active{background-color:#1e90ff!important;color:#fff}"]}]}],"members":{"config":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"apiKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"limit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"selectedSuggestion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":68,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":69,"character":3}}]}],"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":70,"character":3}}]}],"inputValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":74,"character":3},"arguments":["inputValue"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxDaDataService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":83,"character":65}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"getData":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}],"onOutsideClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":139,"character":3},"arguments":["document:click"]}]}],"onArrowDown":[{"__symbolic":"method"}],"onArrowUp":[{"__symbolic":"method"}],"onEnter":[{"__symbolic":"method"}],"setFocus":[{"__symbolic":"method"}],"removeFocus":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}]}},"NgxDaDataModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":7,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":8,"character":4}],"declarations":[{"__symbolic":"reference","name":"NgxDaDataComponent"}],"exports":[{"__symbolic":"reference","name":"NgxDaDataComponent"}]}]}],"members":{}},"DaDataConfig":{"__symbolic":"interface"},"DaDataConfigDefault":{"apiKey":"","type":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"DaDataType"},"member":"address"},"delay":500,"limit":10,"width":"auto","minWidth":"0"},"DaDataFIO":{"__symbolic":"interface"},"DaDataAddress":{"__symbolic":"interface"},"DaDataParty":{"__symbolic":"interface"},"DaDataBank":{"__symbolic":"interface"},"DaDataEmail":{"__symbolic":"interface"},"DaDataSuggestion":{"__symbolic":"interface"}},"origins":{"DaDataType":"./lib/ngx-da-data.service","NgxDaDataService":"./lib/ngx-da-data.service","createDaDataValidator":"./lib/ngx-da-data.component","NgxDaDataComponent":"./lib/ngx-da-data.component","NgxDaDataModule":"./lib/ngx-da-data.module","DaDataConfig":"./lib/da-data-config","DaDataConfigDefault":"./lib/da-data-config","DaDataFIO":"./lib/models/data","DaDataAddress":"./lib/models/data","DaDataParty":"./lib/models/data","DaDataBank":"./lib/models/data","DaDataEmail":"./lib/models/data","DaDataSuggestion":"./lib/models/suggestion"},"importAs":"@muzykantov/ngx-dadata"}