Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
ng2-bootstrap-typeahead
Advanced tools
ng2-bootstrap-typeahead - npm Package Compare versions
Comparing version 2.0.4 to 2.0.5
@@ -23,5 +23,6 @@ /* | ||
| */ | ||
| AppComponent = class AppComponent { | ||
| AppComponent = /** @class */ (function () { | ||
| //import { AutoComplete, IView } from '../directives/autocomplete'; | ||
| constructor() { | ||
| function AppComponent() { | ||
| var _this = this; | ||
| this.stateListData = [{ "name": "Alabama", "abbreviation": "AL" }, { "name": "Alaska", "abbreviation": "AK" }, { "name": "AmericanSamoa", "abbreviation": "AS" }, { "name": "Arizona", "abbreviation": "AZ" }, { "name": "Arkansas", "abbreviation": "AR" }, { "name": "California", "abbreviation": "CA" }, { "name": "Colorado", "abbreviation": "CO" }, { "name": "Connecticut", "abbreviation": "CT" }, { "name": "Delaware", "abbreviation": "DE" }, { "name": "DistrictOfColumbia", "abbreviation": "DC" }, { "name": "FederatedStatesOfMicronesia", "abbreviation": "FM" }, { "name": "Florida", "abbreviation": "FL" }, { "name": "Georgia", "abbreviation": "GA" }, { "name": "Guam", "abbreviation": "GU" }, { "name": "Hawaii", "abbreviation": "HI" }, { "name": "Idaho", "abbreviation": "ID" }, { "name": "Illinois", "abbreviation": "IL" }, { "name": "Indiana", "abbreviation": "IN" }, { "name": "Iowa", "abbreviation": "IA" }, { "name": "Kansas", "abbreviation": "KS" }, { "name": "Kentucky", "abbreviation": "KY" }, { "name": "Louisiana", "abbreviation": "LA" }, { "name": "Maine", "abbreviation": "ME" }, { "name": "MarshallIslands", "abbreviation": "MH" }, { "name": "Maryland", "abbreviation": "MD" }, { "name": "Massachusetts", "abbreviation": "MA" }, { "name": "Michigan", "abbreviation": "MI" }, { "name": "Minnesota", "abbreviation": "MN" }, { "name": "Mississippi", "abbreviation": "MS" }, { "name": "Missouri", "abbreviation": "MO" }, { "name": "Montana", "abbreviation": "MT" }, { "name": "Nebraska", "abbreviation": "NE" }, { "name": "Nevada", "abbreviation": "NV" }, { "name": "NewHampshire", "abbreviation": "NH" }, { "name": "NewJersey", "abbreviation": "NJ" }, { "name": "NewMexico", "abbreviation": "NM" }, { "name": "NewYork", "abbreviation": "NY" }, { "name": "NorthCarolina", "abbreviation": "NC" }, { "name": "NorthDakota", "abbreviation": "ND" }, { "name": "NorthernMarianaIslands", "abbreviation": "MP" }, { "name": "Ohio", "abbreviation": "OH" }, { "name": "Oklahoma", "abbreviation": "OK" }, { "name": "Oregon", "abbreviation": "OR" }, { "name": "Palau", "abbreviation": "PW" }, { "name": "Pennsylvania", "abbreviation": "PA" }, { "name": "PuertoRico", "abbreviation": "PR" }, { "name": "RhodeIsland", "abbreviation": "RI" }, { "name": "SouthCarolina", "abbreviation": "SC" }, { "name": "SouthDakota", "abbreviation": "SD" }, { "name": "Tennessee", "abbreviation": "TN" }, { "name": "Texas", "abbreviation": "TX" }, { "name": "Utah", "abbreviation": "UT" }, { "name": "Vermont", "abbreviation": "VT" }, { "name": "VirginIslands", "abbreviation": "VI" }, { "name": "Virginia", "abbreviation": "VA" }, { "name": "Washington", "abbreviation": "WA" }, { "name": "WestVirginia", "abbreviation": "WV" }, { "name": "Wisconsin", "abbreviation": "WI" }, { "name": "Wyoming", "abbreviation": "WY" }]; | ||
@@ -38,8 +39,8 @@ this.stateList = { "name": "Alabama", "abbreviation": "AL" }; | ||
| isMultiselect: false, | ||
| onSelect: (selectedItem) => { console.log(selectedItem); }, | ||
| asynchDataCall: (value, cb) => { | ||
| let result = this.stateListData.filter((item) => { | ||
| onSelect: function (selectedItem) { console.log(selectedItem); }, | ||
| asynchDataCall: function (value, cb) { | ||
| var result = _this.stateListData.filter(function (item) { | ||
| return item.name.indexOf(value) !== -1; | ||
| }); | ||
| setTimeout(() => { | ||
| setTimeout(function () { | ||
| cb(result); | ||
@@ -50,19 +51,10 @@ }, 200); | ||
| } | ||
| }; | ||
| AppComponent = __decorate([ | ||
| core_1.Component({ | ||
| selector: 'my-app', | ||
| template: ` | ||
| <div style="width:300px;padding:10px"> | ||
| <typeahead [(ngModel)]="stateList" [typeAheadSetup]="typeAheadSetup"></typeahead> | ||
| <div></div> | ||
| </div> | ||
| <!--<html-outlet [html]="model.template"></html-outlet> | ||
| <html-outlet [html]="model.template"></html-outlet> | ||
| <html-outlet [html]="model.template"></html-outlet> | ||
| <html-outlet [html]="model.template"></html-outlet> | ||
| <typehead [(ngModel)]="stateList" [typeAheadSetup]="typeAheadSetup"></typehead>--> | ||
| `, | ||
| }) | ||
| ], AppComponent); | ||
| AppComponent = __decorate([ | ||
| core_1.Component({ | ||
| selector: 'my-app', | ||
| template: "\n <div style=\"width:300px;padding:10px\"> \n <typeahead [(ngModel)]=\"stateList\" [typeAheadSetup]=\"typeAheadSetup\"></typeahead>\n <div></div>\n </div>\n <!--<html-outlet [html]=\"model.template\"></html-outlet>\n <html-outlet [html]=\"model.template\"></html-outlet>\n <html-outlet [html]=\"model.template\"></html-outlet>\n <html-outlet [html]=\"model.template\"></html-outlet>\n <typehead [(ngModel)]=\"stateList\" [typeAheadSetup]=\"typeAheadSetup\"></typehead>-->\n", | ||
| }) | ||
| ], AppComponent); | ||
| return AppComponent; | ||
| }()); | ||
| exports_1("AppComponent", AppComponent); | ||
@@ -69,0 +61,0 @@ } |
@@ -30,11 +30,14 @@ System.register(["@angular/core", "@angular/forms", "@angular/platform-browser", "./app.component", "../src/typeahead.module"], function (exports_1, context_1) { | ||
| execute: function () { | ||
| AutoCompleteExampleModule = class AutoCompleteExampleModule { | ||
| }; | ||
| AutoCompleteExampleModule = __decorate([ | ||
| core_1.NgModule({ | ||
| imports: [platform_browser_1.BrowserModule, forms_1.FormsModule, typeahead_module_1.TypeAheadModule], | ||
| declarations: [app_component_1.AppComponent], | ||
| bootstrap: [app_component_1.AppComponent] | ||
| }) | ||
| ], AutoCompleteExampleModule); | ||
| AutoCompleteExampleModule = /** @class */ (function () { | ||
| function AutoCompleteExampleModule() { | ||
| } | ||
| AutoCompleteExampleModule = __decorate([ | ||
| core_1.NgModule({ | ||
| imports: [platform_browser_1.BrowserModule, forms_1.FormsModule, typeahead_module_1.TypeAheadModule], | ||
| declarations: [app_component_1.AppComponent], | ||
| bootstrap: [app_component_1.AppComponent] | ||
| }) | ||
| ], AutoCompleteExampleModule); | ||
| return AutoCompleteExampleModule; | ||
| }()); | ||
| exports_1("AutoCompleteExampleModule", AutoCompleteExampleModule); | ||
@@ -41,0 +44,0 @@ } |
| { | ||
| "name": "ng2-bootstrap-typeahead", | ||
| "version": "2.0.4", | ||
| "version": "2.0.5", | ||
| "description": "ng2-bootstrap-typeahead is angular2 ng2-bootstrap-typeahead module. It is support static and dynamic data for auto complete", | ||
@@ -18,20 +18,16 @@ "main": "index.js", | ||
| }, | ||
| "dependencies": { | ||
| }, | ||
| "dependencies": {}, | ||
| "devDependencies": { | ||
| "@angular/common": "~2.1.1", | ||
| "@angular/compiler": "~2.1.1", | ||
| "@angular/core": "~2.1.1", | ||
| "@angular/forms": "~2.1.1", | ||
| "@angular/http": "~2.1.1", | ||
| "@angular/platform-browser": "~2.1.1", | ||
| "@angular/platform-browser-dynamic": "~2.1.1", | ||
| "@angular/router": "~3.1.1", | ||
| "@angular/upgrade": "~2.1.1", | ||
| "angular-in-memory-web-api": "~0.1.13", | ||
| "@angular/common": "4.0.2", | ||
| "@angular/compiler": "4.0.2", | ||
| "@angular/core": "4.0.2", | ||
| "@angular/forms": "4.0.2", | ||
| "@angular/http": "4.0.2", | ||
| "@angular/platform-browser": "4.0.2", | ||
| "@angular/platform-browser-dynamic": "4.0.2", | ||
| "@angular/router": "4.0.2", | ||
| "bootstrap": "^3.3.7", | ||
| "core-js": "^2.4.1", | ||
| "reflect-metadata": "^0.1.8", | ||
| "rxjs": "5.0.0-beta.12", | ||
| "rxjs": "5.5.2", | ||
| "systemjs": "0.19.39", | ||
@@ -38,0 +34,0 @@ "zone.js": "^0.6.25", |
@@ -27,11 +27,11 @@ System.register(["@angular/core", "@angular/forms", "./PropertyHandler"], function (exports_1, context_1) { | ||
| execute: function () { | ||
| noop = () => { | ||
| noop = function () { | ||
| }; | ||
| exports_1("CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR", CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR = { | ||
| provide: forms_1.NG_VALUE_ACCESSOR, | ||
| useExisting: core_1.forwardRef(() => AutoComplete), | ||
| useExisting: core_1.forwardRef(function () { return AutoComplete; }), | ||
| multi: true | ||
| }); | ||
| AutoComplete = class AutoComplete { | ||
| constructor(propertyHandler, inputEle) { | ||
| AutoComplete = /** @class */ (function () { | ||
| function AutoComplete(propertyHandler, inputEle) { | ||
| this.propertyHandler = propertyHandler; | ||
@@ -46,23 +46,24 @@ this.inputEle = inputEle; | ||
| } | ||
| ngOnInit() { | ||
| AutoComplete.prototype.ngOnInit = function () { | ||
| var _this = this; | ||
| this.dataList = this.typeAheadSetup.staticData ? this.typeAheadSetup.staticData : []; | ||
| this.type = this.typeAheadSetup.type ? this.typeAheadSetup.type : 'dynamic'; | ||
| if (this.typeAheadSetup.isMultiselect) { | ||
| window.addEventListener('click', ($event) => { | ||
| this.dataList = []; | ||
| window.addEventListener('click', function ($event) { | ||
| _this.dataList = []; | ||
| }); | ||
| } | ||
| setTimeout(() => { | ||
| this.setDisplayText(); | ||
| setTimeout(function () { | ||
| _this.setDisplayText(); | ||
| }, 100); | ||
| // this.enable = true; | ||
| } | ||
| setDisplayText() { | ||
| let valueType = typeof this.value; | ||
| }; | ||
| AutoComplete.prototype.setDisplayText = function () { | ||
| var valueType = typeof this.value; | ||
| if (valueType == "object") { | ||
| if (Array.isArray(this.value)) { | ||
| this.autoCompleteSelectedLabel = ''; | ||
| let textList = []; | ||
| for (let i = 0; i < this.value.length; i++) { | ||
| let val = this.value[i]; | ||
| var textList = []; | ||
| for (var i = 0; i < this.value.length; i++) { | ||
| var val = this.value[i]; | ||
| if (this.typeAheadSetup.textPrperty) { | ||
@@ -91,8 +92,9 @@ textList.push(this.value[i][this.typeAheadSetup.textPrperty]); | ||
| this.selectedObjectItem = this.value; | ||
| } | ||
| onInputChange($event) { | ||
| let value = $event.target.value; | ||
| }; | ||
| AutoComplete.prototype.onInputChange = function ($event) { | ||
| var _this = this; | ||
| var value = $event.target.value; | ||
| if (this.typeAheadSetup.isMultiselect) { | ||
| if (value) { | ||
| let temps = value.split(','); | ||
| var temps = value.split(','); | ||
| value = temps[temps.length - 1]; | ||
@@ -104,8 +106,8 @@ } | ||
| this.dataList = []; | ||
| let serchPropList = this.typeAheadSetup.searchProperty.split(','); | ||
| var serchPropList_1 = this.typeAheadSetup.searchProperty.split(','); | ||
| if (this.typeAheadSetup.staticData && this.typeAheadSetup.staticData) { | ||
| this.dataList = this.typeAheadSetup.staticData.filter((item) => { | ||
| let isValid = false; | ||
| for (let i = 0; i < serchPropList.length; i++) { | ||
| let originalValue = this.propertyHandler.getValueByProperty(item, serchPropList[i]); | ||
| this.dataList = this.typeAheadSetup.staticData.filter(function (item) { | ||
| var isValid = false; | ||
| for (var i = 0; i < serchPropList_1.length; i++) { | ||
| var originalValue = _this.propertyHandler.getValueByProperty(item, serchPropList_1[i]); | ||
| if (originalValue && originalValue.toLowerCase().indexOf(value.toLowerCase()) !== -1) { | ||
@@ -121,12 +123,12 @@ isValid = true; | ||
| else { | ||
| this.typeAheadSetup.asynchDataCall(value, (dataList) => { | ||
| this.dataList = dataList; | ||
| this.isDataLoading = false; | ||
| this.typeAheadSetup.asynchDataCall(value, function (dataList) { | ||
| _this.dataList = dataList; | ||
| _this.isDataLoading = false; | ||
| }); | ||
| } | ||
| } | ||
| getLabel(item) { | ||
| }; | ||
| AutoComplete.prototype.getLabel = function (item) { | ||
| return this.propertyHandler.getValueByProperty(item, this.typeAheadSetup.textPrperty); | ||
| } | ||
| selectedItem(item) { | ||
| }; | ||
| AutoComplete.prototype.selectedItem = function (item) { | ||
| this.selectedObjectItem = item; | ||
@@ -137,5 +139,5 @@ if (this.typeAheadSetup.isMultiselect) { | ||
| } | ||
| let isAvailable = this.isActive(item); | ||
| var isAvailable = this.isActive(item); | ||
| if (isAvailable) { | ||
| let index = this.value.indexOf(this.propertyHandler.getValueByProperty(item, this.typeAheadSetup.valueProperty)); | ||
| var index = this.value.indexOf(this.propertyHandler.getValueByProperty(item, this.typeAheadSetup.valueProperty)); | ||
| this.value.splice(index, 1); | ||
@@ -167,39 +169,43 @@ } | ||
| } | ||
| } | ||
| //get accessor | ||
| get value() { | ||
| return this.innerValue; | ||
| } | ||
| }; | ||
| Object.defineProperty(AutoComplete.prototype, "value", { | ||
| //get accessor | ||
| get: function () { | ||
| return this.innerValue; | ||
| }, | ||
| //set accessor including call the onchange callback | ||
| set: function (v) { | ||
| if (v !== this.innerValue) { | ||
| this.innerValue = v; | ||
| this.onChangeCallback(v); | ||
| } | ||
| }, | ||
| enumerable: true, | ||
| configurable: true | ||
| }); | ||
| ; | ||
| //set accessor including call the onchange callback | ||
| set value(v) { | ||
| if (v !== this.innerValue) { | ||
| this.innerValue = v; | ||
| this.onChangeCallback(v); | ||
| } | ||
| } | ||
| //Set touched on blur | ||
| onBlur() { | ||
| AutoComplete.prototype.onBlur = function () { | ||
| this.onTouchedCallback(); | ||
| } | ||
| }; | ||
| //From ControlValueAccessor interface | ||
| writeValue(value) { | ||
| AutoComplete.prototype.writeValue = function (value) { | ||
| if (value !== this.value) { | ||
| this.value = value; | ||
| } | ||
| } | ||
| }; | ||
| //From ControlValueAccessor interface | ||
| registerOnChange(fn) { | ||
| AutoComplete.prototype.registerOnChange = function (fn) { | ||
| this.onChangeCallback = fn; | ||
| } | ||
| }; | ||
| //From ControlValueAccessor interface | ||
| registerOnTouched(fn) { | ||
| AutoComplete.prototype.registerOnTouched = function (fn) { | ||
| this.onTouchedCallback = fn; | ||
| } | ||
| }; | ||
| //FOR multi select fix | ||
| clickedInTypeHead($event) { | ||
| AutoComplete.prototype.clickedInTypeHead = function ($event) { | ||
| $event.preventDefault(); | ||
| $event.stopPropagation(); | ||
| } | ||
| isActive(item) { | ||
| }; | ||
| AutoComplete.prototype.isActive = function (item) { | ||
| if (!this.typeAheadSetup.isMultiselect) { | ||
@@ -209,157 +215,20 @@ return false; | ||
| return this.value && this.value.indexOf(this.propertyHandler.getValueByProperty(item, this.typeAheadSetup.valueProperty)) !== -1; | ||
| } | ||
| }; | ||
| __decorate([ | ||
| core_1.Input('typeAheadSetup'), | ||
| __metadata("design:type", Object) | ||
| ], AutoComplete.prototype, "typeAheadSetup", void 0); | ||
| AutoComplete = __decorate([ | ||
| core_1.Component({ | ||
| selector: 'typeahead[ngModel][typeAheadSetup]', | ||
| encapsulation: core_1.ViewEncapsulation.None, | ||
| providers: [forms_1.NgModel, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], | ||
| template: ` | ||
| <span class="twitter-typeahead" style="position: relative;display: inline-block;" (click)="clickedInTypeHead($event)"> | ||
| <span [ngClass]="{'input-container': isDataLoading}"> | ||
| <input type="text" [placeholder]="typeAheadSetup && typeAheadSetup.placeHolder ? typeAheadSetup.placeHolder : ''" class="ng2typehead typeahead tt-hint input-container" value="" (keyup)="onInputChange($event)" (focus)="enable= true;" [(ngModel)]="autoCompleteSelectedLabel" />\n\ | ||
| </span> | ||
| <input type="text" style="display:none" [(ngModel)]="value" /> | ||
| <pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: Arial; font-size: 22px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;">{{autoCompleteSelectedLabel}}</pre> | ||
| <div class="tt-dropdown-menu1 tt-menu tt-open" *ngIf="dataList && dataList.length && enable"> | ||
| <div class="typehead-item1 tt-suggestion" *ngFor="let item of dataList" [ngClass]="{'active': isActive(item)}"> | ||
| <div class=" tt-cursor" *ngIf="!typeAheadSetup.customTemplate" (click)="selectedItem(item)"> | ||
| <div *ngIf="!typeAheadSetup.isMultiselect">{{getLabel(item)}}{{typeAheadSetup.isMultiselect}}</div> | ||
| <div *ngIf="typeAheadSetup.isMultiselect"> | ||
| <input type="checkbox" [checked]="isActive(item) ? true: null" value=""> | ||
| {{getLabel(item)}}</div> | ||
| </div> | ||
| <div class=" tt-cursor" *ngIf="typeAheadSetup.customTemplate" (click)="selectedItem(item)"> | ||
| <html-outlet [html]="typeAheadSetup.customTemplate" [item]="item"></html-outlet> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </span> | ||
| `, | ||
| styles: [` | ||
| .input-container:after { | ||
| position: absolute; | ||
| right: 0; | ||
| top: 0; | ||
| transform: scale(.5); | ||
| content: url(data:image/gif;base64,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); | ||
| } | ||
| .ng2-typehead{width:100%} | ||
| .typehead-list{position:absolute;left:0px;z-index:100;display:block;border:1px solid #ddd;background-color:#fff;height: 200px;overflow-y: scroll;} | ||
| .typehead-list ul{list-style: none;padding-left: 3px; width:100%; max-height:200px;} .typehead-item{border-top:1px solid #ddd;width:100%} | ||
| .ng2typehead{width:100%} .typehead-item:hover{background-color: #428BCA;color:#fff} | ||
| span.twitter-typeahead .tt-menu, | ||
| span.twitter-typeahead .tt-dropdown-menu { | ||
| position: absolute; | ||
| top: 100%; | ||
| left: 0; | ||
| z-index: 1000; | ||
| display: none; | ||
| float: left; | ||
| min-width: 160px; | ||
| padding: 5px 0; | ||
| margin: 2px 0 0; | ||
| list-style: none; | ||
| font-size: 14px; | ||
| text-align: left; | ||
| background-color: #ffffff; | ||
| border: 1px solid #cccccc; | ||
| border: 1px solid rgba(0, 0, 0, 0.15); | ||
| border-radius: 4px; | ||
| -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| background-clip: padding-box; | ||
| } | ||
| .tt-open { | ||
| display:block!important | ||
| } | ||
| span.twitter-typeahead .tt-suggestion { | ||
| display: block; | ||
| padding: 3px 20px; | ||
| clear: both; | ||
| font-weight: normal; | ||
| line-height: 1.42857143; | ||
| color: #333333; | ||
| white-space: nowrap; | ||
| } | ||
| span.twitter-typeahead .tt-suggestion.tt-cursor, | ||
| span.twitter-typeahead .tt-suggestion:hover, | ||
| span.twitter-typeahead .tt-suggestion:focus{ | ||
| color: #ffffff; | ||
| text-decoration: none; | ||
| outline: 0; | ||
| background-color: #337ab7; | ||
| } | ||
| span.twitter-typeahead .tt-suggestion.tt-cursor, | ||
| span.twitter-typeahead .tt-suggestion:hover, | ||
| span.twitter-typeahead .active, | ||
| span.twitter-typeahead .tt-suggestion:focus dynamic-html div{ | ||
| color: #ffffff; | ||
| text-decoration: none; | ||
| outline: 0; | ||
| background-color: #337ab7; | ||
| } | ||
| .input-group.input-group-lg span.twitter-typeahead .form-control { | ||
| height: 46px; | ||
| padding: 10px 16px; | ||
| font-size: 18px; | ||
| line-height: 1.3333333; | ||
| border-radius: 6px; | ||
| } | ||
| .input-group.input-group-sm span.twitter-typeahead .form-control { | ||
| height: 30px; | ||
| padding: 5px 10px; | ||
| font-size: 12px; | ||
| line-height: 1.5; | ||
| border-radius: 3px; | ||
| } | ||
| span.twitter-typeahead { | ||
| width: 100%; | ||
| } | ||
| .input-group span.twitter-typeahead { | ||
| display: block !important; | ||
| height: 34px; | ||
| } | ||
| .input-group span.twitter-typeahead .tt-menu, | ||
| .input-group span.twitter-typeahead .tt-dropdown-menu { | ||
| top: 32px !important; | ||
| } | ||
| .input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control { | ||
| border-radius: 0; | ||
| } | ||
| .input-group span.twitter-typeahead:first-child .form-control { | ||
| border-top-left-radius: 4px; | ||
| border-bottom-left-radius: 4px; | ||
| border-top-right-radius: 0; | ||
| border-bottom-right-radius: 0; | ||
| } | ||
| .input-group span.twitter-typeahead:last-child .form-control { | ||
| border-top-left-radius: 0; | ||
| border-bottom-left-radius: 0; | ||
| border-top-right-radius: 4px; | ||
| border-bottom-right-radius: 4px; | ||
| } | ||
| .input-group.input-group-sm span.twitter-typeahead { | ||
| height: 30px; | ||
| } | ||
| .input-group.input-group-sm span.twitter-typeahead .tt-menu, | ||
| .input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu { | ||
| top: 30px !important; | ||
| } | ||
| .input-group.input-group-lg span.twitter-typeahead { | ||
| height: 46px; | ||
| } | ||
| .input-group.input-group-lg span.twitter-typeahead .tt-menu, | ||
| .input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu { | ||
| top: 46px !important; | ||
| } | ||
| `] | ||
| }), | ||
| __metadata("design:paramtypes", [PropertyHandler_1.PropertyHandler, | ||
| core_1.ElementRef]) | ||
| ], AutoComplete); | ||
| }; | ||
| __decorate([ | ||
| core_1.Input('typeAheadSetup'), | ||
| __metadata("design:type", Object) | ||
| ], AutoComplete.prototype, "typeAheadSetup", void 0); | ||
| AutoComplete = __decorate([ | ||
| core_1.Component({ | ||
| selector: 'typeahead[ngModel][typeAheadSetup]', | ||
| encapsulation: core_1.ViewEncapsulation.None, | ||
| providers: [forms_1.NgModel, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR], | ||
| template: "\n <span class=\"twitter-typeahead\" style=\"position: relative;display: inline-block;\" (click)=\"clickedInTypeHead($event)\">\n <span [ngClass]=\"{'input-container': isDataLoading}\">\n <input type=\"text\" [placeholder]=\"typeAheadSetup && typeAheadSetup.placeHolder ? typeAheadSetup.placeHolder : ''\" class=\"ng2typehead typeahead tt-hint input-container\" value=\"\" (keyup)=\"onInputChange($event)\" (focus)=\"enable= true;\" [(ngModel)]=\"autoCompleteSelectedLabel\" />\n </span>\n <input type=\"text\" style=\"display:none\" [(ngModel)]=\"value\" />\n <pre aria-hidden=\"true\" style=\"position: absolute; visibility: hidden; white-space: pre; font-family: Arial; font-size: 22px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;\">{{autoCompleteSelectedLabel}}</pre> \n <div class=\"tt-dropdown-menu1 tt-menu tt-open\" *ngIf=\"dataList && dataList.length && enable\">\n <div class=\"typehead-item1 tt-suggestion\" *ngFor=\"let item of dataList\" [ngClass]=\"{'active': isActive(item)}\">\n <div class=\" tt-cursor\" *ngIf=\"!typeAheadSetup.customTemplate\" (click)=\"selectedItem(item)\">\n <div *ngIf=\"!typeAheadSetup.isMultiselect\">{{getLabel(item)}}{{typeAheadSetup.isMultiselect}}</div>\n <div *ngIf=\"typeAheadSetup.isMultiselect\">\n <input type=\"checkbox\" [checked]=\"isActive(item) ? true: null\" value=\"\"> \n {{getLabel(item)}}</div>\n </div>\n <div class=\" tt-cursor\" *ngIf=\"typeAheadSetup.customTemplate\" (click)=\"selectedItem(item)\">\n <html-outlet [html]=\"typeAheadSetup.customTemplate\" [item]=\"item\"></html-outlet>\n </div>\n </div>\n </div>\n </span>\n ", | ||
| styles: ["\n .input-container:after {\n position: absolute;\n right: 0;\n top: 0;\n transform: scale(.5);\n content: url(data:image/gif;base64,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);\n }\n .ng2-typehead{width:100%}\n .typehead-list{position:absolute;left:0px;z-index:100;display:block;border:1px solid #ddd;background-color:#fff;height: 200px;overflow-y: scroll;}\n .typehead-list ul{list-style: none;padding-left: 3px; width:100%; max-height:200px;} .typehead-item{border-top:1px solid #ddd;width:100%}\n .ng2typehead{width:100%} .typehead-item:hover{background-color: #428BCA;color:#fff}\n span.twitter-typeahead .tt-menu,\nspan.twitter-typeahead .tt-dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n display: none;\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0;\n list-style: none;\n font-size: 14px;\n text-align: left;\n background-color: #ffffff;\n border: 1px solid #cccccc;\n border: 1px solid rgba(0, 0, 0, 0.15);\n border-radius: 4px;\n -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n background-clip: padding-box;\n}\n.tt-open {\ndisplay:block!important\n}\nspan.twitter-typeahead .tt-suggestion {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: normal;\n line-height: 1.42857143;\n color: #333333;\n white-space: nowrap;\n}\nspan.twitter-typeahead .tt-suggestion.tt-cursor,\nspan.twitter-typeahead .tt-suggestion:hover,\nspan.twitter-typeahead .tt-suggestion:focus{\n color: #ffffff;\n text-decoration: none;\n outline: 0;\n background-color: #337ab7;\n}\nspan.twitter-typeahead .tt-suggestion.tt-cursor,\nspan.twitter-typeahead .tt-suggestion:hover,\nspan.twitter-typeahead .active,\nspan.twitter-typeahead .tt-suggestion:focus dynamic-html div{\n color: #ffffff;\n text-decoration: none;\n outline: 0;\n background-color: #337ab7;\n}\n.input-group.input-group-lg span.twitter-typeahead .form-control {\n height: 46px;\n padding: 10px 16px;\n font-size: 18px;\n line-height: 1.3333333;\n border-radius: 6px;\n}\n.input-group.input-group-sm span.twitter-typeahead .form-control {\n height: 30px;\n padding: 5px 10px;\n font-size: 12px;\n line-height: 1.5;\n border-radius: 3px;\n}\nspan.twitter-typeahead {\n width: 100%;\n}\n.input-group span.twitter-typeahead {\n display: block !important;\n height: 34px;\n}\n.input-group span.twitter-typeahead .tt-menu,\n.input-group span.twitter-typeahead .tt-dropdown-menu {\n top: 32px !important;\n}\n.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {\n border-radius: 0;\n}\n.input-group span.twitter-typeahead:first-child .form-control {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.input-group span.twitter-typeahead:last-child .form-control {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n}\n.input-group.input-group-sm span.twitter-typeahead {\n height: 30px;\n}\n.input-group.input-group-sm span.twitter-typeahead .tt-menu,\n.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {\n top: 30px !important;\n}\n.input-group.input-group-lg span.twitter-typeahead {\n height: 46px;\n}\n.input-group.input-group-lg span.twitter-typeahead .tt-menu,\n.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {\n top: 46px !important;\n}\n"] | ||
| }), | ||
| __metadata("design:paramtypes", [PropertyHandler_1.PropertyHandler, | ||
| core_1.ElementRef]) | ||
| ], AutoComplete); | ||
| return AutoComplete; | ||
| }()); | ||
| exports_1("AutoComplete", AutoComplete); | ||
@@ -366,0 +235,0 @@ } |
@@ -14,13 +14,19 @@ System.register(["@angular/core", "@angular/router", "@angular/common"], function (exports_1, context_1) { | ||
| function createComponentFactory(compiler, metadata) { | ||
| const cmpClass = class DynamicComponent { | ||
| }; | ||
| const decoratedCmp = core_1.Component(metadata)(cmpClass); | ||
| let DynamicHtmlModule = class DynamicHtmlModule { | ||
| }; | ||
| DynamicHtmlModule = __decorate([ | ||
| core_1.NgModule({ imports: [common_1.CommonModule, router_1.RouterModule], declarations: [decoratedCmp] }) | ||
| ], DynamicHtmlModule); | ||
| var cmpClass = /** @class */ (function () { | ||
| function DynamicComponent() { | ||
| } | ||
| return DynamicComponent; | ||
| }()); | ||
| var decoratedCmp = core_1.Component(metadata)(cmpClass); | ||
| var DynamicHtmlModule = /** @class */ (function () { | ||
| function DynamicHtmlModule() { | ||
| } | ||
| DynamicHtmlModule = __decorate([ | ||
| core_1.NgModule({ imports: [common_1.CommonModule, router_1.RouterModule], declarations: [decoratedCmp] }) | ||
| ], DynamicHtmlModule); | ||
| return DynamicHtmlModule; | ||
| }()); | ||
| return compiler.compileModuleAndAllComponentsAsync(DynamicHtmlModule) | ||
| .then((moduleWithComponentFactory) => { | ||
| return moduleWithComponentFactory.componentFactories.find(x => x.componentType === decoratedCmp); | ||
| .then(function (moduleWithComponentFactory) { | ||
| return moduleWithComponentFactory.componentFactories.find(function (x) { return x.componentType === decoratedCmp; }); | ||
| }); | ||
@@ -43,9 +49,10 @@ } | ||
| execute: function () { | ||
| HtmlOutlet = class HtmlOutlet { | ||
| constructor(vcRef, compiler) { | ||
| HtmlOutlet = /** @class */ (function () { | ||
| function HtmlOutlet(vcRef, compiler) { | ||
| this.vcRef = vcRef; | ||
| this.compiler = compiler; | ||
| } | ||
| ngOnChanges() { | ||
| const html = this.html; | ||
| HtmlOutlet.prototype.ngOnChanges = function () { | ||
| var _this = this; | ||
| var html = this.html; | ||
| if (!html) | ||
@@ -56,3 +63,3 @@ return; | ||
| } | ||
| const compMetadata = new core_1.Component({ | ||
| var compMetadata = new core_1.Component({ | ||
| selector: 'dynamic-html', | ||
@@ -62,26 +69,27 @@ template: this.html, | ||
| createComponentFactory(this.compiler, compMetadata) | ||
| .then(factory => { | ||
| const injector = core_1.ReflectiveInjector.fromResolvedProviders([], this.vcRef.parentInjector); | ||
| this.cmpRef = this.vcRef.createComponent(factory, 0, injector, []); | ||
| this.cmpRef.instance['item'] = this.item; | ||
| .then(function (factory) { | ||
| var injector = core_1.ReflectiveInjector.fromResolvedProviders([], _this.vcRef.parentInjector); | ||
| _this.cmpRef = _this.vcRef.createComponent(factory, 0, injector, []); | ||
| _this.cmpRef.instance['item'] = _this.item; | ||
| }); | ||
| } | ||
| ngOnDestroy() { | ||
| }; | ||
| HtmlOutlet.prototype.ngOnDestroy = function () { | ||
| if (this.cmpRef) { | ||
| this.cmpRef.destroy(); | ||
| } | ||
| } | ||
| }; | ||
| __decorate([ | ||
| core_1.Input('html'), | ||
| __metadata("design:type", String) | ||
| ], HtmlOutlet.prototype, "html", void 0); | ||
| __decorate([ | ||
| core_1.Input('item'), | ||
| __metadata("design:type", Object) | ||
| ], HtmlOutlet.prototype, "item", void 0); | ||
| HtmlOutlet = __decorate([ | ||
| core_1.Directive({ selector: 'html-outlet' }), | ||
| __metadata("design:paramtypes", [core_1.ViewContainerRef, core_1.Compiler]) | ||
| ], HtmlOutlet); | ||
| }; | ||
| __decorate([ | ||
| core_1.Input('html'), | ||
| __metadata("design:type", String) | ||
| ], HtmlOutlet.prototype, "html", void 0); | ||
| __decorate([ | ||
| core_1.Input('item'), | ||
| __metadata("design:type", Object) | ||
| ], HtmlOutlet.prototype, "item", void 0); | ||
| HtmlOutlet = __decorate([ | ||
| core_1.Directive({ selector: 'html-outlet' }), | ||
| __metadata("design:paramtypes", [core_1.ViewContainerRef, core_1.Compiler]) | ||
| ], HtmlOutlet); | ||
| return HtmlOutlet; | ||
| }()); | ||
| exports_1("HtmlOutlet", HtmlOutlet); | ||
@@ -88,0 +96,0 @@ } |
@@ -8,11 +8,14 @@ System.register([], function (exports_1, context_1) { | ||
| execute: function () { | ||
| PropertyHandler = class PropertyHandler { | ||
| getValueByProperty(object, property) { | ||
| PropertyHandler = /** @class */ (function () { | ||
| function PropertyHandler() { | ||
| } | ||
| PropertyHandler.prototype.getValueByProperty = function (object, property) { | ||
| try { | ||
| let notations = property.split('.'); | ||
| let current = JSON.parse(JSON.stringify(object)); | ||
| var notations = property.split('.'); | ||
| var current = JSON.parse(JSON.stringify(object)); | ||
| if (notations && notations[0] == '') { | ||
| return current; | ||
| } | ||
| for (let key of notations) { | ||
| for (var _i = 0, notations_1 = notations; _i < notations_1.length; _i++) { | ||
| var key = notations_1[_i]; | ||
| if (!current[key]) { | ||
@@ -29,7 +32,7 @@ return null; | ||
| } | ||
| } | ||
| setValueByProperty(object, property, value) { | ||
| }; | ||
| PropertyHandler.prototype.setValueByProperty = function (object, property, value) { | ||
| try { | ||
| let notations = property.split('.'); | ||
| let current = object; | ||
| var notations = property.split('.'); | ||
| var current = object; | ||
| if (notations && notations[0] == '') { | ||
@@ -43,3 +46,4 @@ object = value; | ||
| } | ||
| for (let key of notations) { | ||
| for (var _i = 0, notations_2 = notations; _i < notations_2.length; _i++) { | ||
| var key = notations_2[_i]; | ||
| current = current[key]; | ||
@@ -54,7 +58,7 @@ } | ||
| return; | ||
| } | ||
| buildPropertyWithValue(object, property, value) { | ||
| }; | ||
| PropertyHandler.prototype.buildPropertyWithValue = function (object, property, value) { | ||
| try { | ||
| let notations = property.split('.'); | ||
| let current = object; | ||
| var notations = property.split('.'); | ||
| var current = object; | ||
| if (notations && notations[0] == '') { | ||
@@ -68,4 +72,4 @@ object = value; | ||
| } | ||
| for (let i = 0; i < notations.length; i++) { | ||
| let key = notations[i]; | ||
| for (var i = 0; i < notations.length; i++) { | ||
| var key = notations[i]; | ||
| if (!current[key] && i < notations.length - 1) { | ||
@@ -87,4 +91,5 @@ current[key] = {}; | ||
| return; | ||
| } | ||
| }; | ||
| }; | ||
| return PropertyHandler; | ||
| }()); | ||
| exports_1("PropertyHandler", PropertyHandler); | ||
@@ -91,0 +96,0 @@ } |
@@ -10,3 +10,3 @@ System.register(["@angular/core", "@angular/platform-browser", "@angular/forms", "./PropertyHandler", "./autocomplete", "../src/html-outlet"], function (exports_1, context_1) { | ||
| var __moduleName = context_1 && context_1.id; | ||
| var core_1, platform_browser_1, forms_1, PropertyHandler_1, autocomplete_1, html_outlet_1, TypeAheadModule, TypeAheadModule_1; | ||
| var core_1, platform_browser_1, forms_1, PropertyHandler_1, autocomplete_1, html_outlet_1, TypeAheadModule; | ||
| return { | ||
@@ -34,13 +34,18 @@ setters: [ | ||
| execute: function () { | ||
| TypeAheadModule = TypeAheadModule_1 = class TypeAheadModule { | ||
| static forRoot() { return { ngModule: TypeAheadModule_1, providers: [PropertyHandler_1.PropertyHandler] }; } | ||
| }; | ||
| TypeAheadModule = TypeAheadModule_1 = __decorate([ | ||
| core_1.NgModule({ | ||
| imports: [platform_browser_1.BrowserModule, forms_1.FormsModule, forms_1.ReactiveFormsModule], | ||
| declarations: [autocomplete_1.AutoComplete, html_outlet_1.HtmlOutlet], | ||
| exports: [autocomplete_1.AutoComplete, html_outlet_1.HtmlOutlet], | ||
| providers: [PropertyHandler_1.PropertyHandler] | ||
| }) | ||
| ], TypeAheadModule); | ||
| TypeAheadModule = /** @class */ (function () { | ||
| function TypeAheadModule() { | ||
| } | ||
| TypeAheadModule_1 = TypeAheadModule; | ||
| TypeAheadModule.forRoot = function () { return { ngModule: TypeAheadModule_1, providers: [PropertyHandler_1.PropertyHandler] }; }; | ||
| TypeAheadModule = TypeAheadModule_1 = __decorate([ | ||
| core_1.NgModule({ | ||
| imports: [platform_browser_1.BrowserModule, forms_1.FormsModule, forms_1.ReactiveFormsModule], | ||
| declarations: [autocomplete_1.AutoComplete, html_outlet_1.HtmlOutlet], | ||
| exports: [autocomplete_1.AutoComplete, html_outlet_1.HtmlOutlet], | ||
| providers: [PropertyHandler_1.PropertyHandler] | ||
| }) | ||
| ], TypeAheadModule); | ||
| return TypeAheadModule; | ||
| var TypeAheadModule_1; | ||
| }()); | ||
| exports_1("TypeAheadModule", TypeAheadModule); | ||
@@ -47,0 +52,0 @@ } |
| { | ||
| "compilerOptions": { | ||
| "target": "es6", | ||
| "target": "es5", | ||
| "module": "system", | ||
@@ -14,3 +14,4 @@ "moduleResolution": "node", | ||
| "./node_modules/@types/" | ||
| ] | ||
| ], | ||
| "lib" : ["es2015", "es2015.iterable", "dom"] | ||
| }, | ||
@@ -17,0 +18,0 @@ "compileOnSave": true, |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by2.68%
102815
- Dev dependency count
- decreased by-9.52%
19
Worsened metrics
- Number of package files
- decreased by-3.45%
28
- Lines of code
- decreased by-7.06%
1316
No dependency changes