angular-tag-select - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

angular-tag-select.es5.js

@@ -20,5 +20,13 @@ import { Component, EventEmitter, Input, NgModule, Output, Pipe } from '@angular/core';
     TagSelectComponent.prototype.ngOnInit = function () {
+    };
+    /**
+     * @return {?}
+     */
+    TagSelectComponent.prototype.ngOnChanges = function () {
         if (this.tagsToSelect && this.tagsToSelect.length > 0) {
             this.buildPossibleTagsList();
         }
+        if (this.tagsToSelect && this.tagsSelectedAtStart) {
+            this.selectTagsAtStart();
+        }
     };
@@ -28,2 +36,19 @@ /**
      */
+    TagSelectComponent.prototype.selectTagsAtStart = function () {
+        var _this = this;
+        var _loop_1 = function (item) {
+            var /** @type {?} */ found = this_1.possibleTags.find(function (tag) { return tag.value === item[_this.tagMapping.value]; });
+            if (found) {
+                this_1.toggleTag(found);
+            }
+        };
+        var this_1 = this;
+        for (var _i = 0, _a = this.tagsSelectedAtStart; _i < _a.length; _i++) {
+            var item = _a[_i];
+            _loop_1(/** @type {?} */ item);
+        }
+    };
+    /**
+     * @return {?}
+     */
     TagSelectComponent.prototype.buildPossibleTagsList = function () {
@@ -78,2 +103,3 @@ for (var _i = 0, _a = this.tagsToSelect; _i < _a.length; _i++) {
 TagSelectComponent.propDecorators = {
+    'tagsSelectedAtStart': [{ type: Input },],
     'tagsToSelect': [{ type: Input },],
@@ -80,0 +106,0 @@ 'tagMapping': [{ type: Input },],

angular-tag-select.js

@@ -21,5 +21,13 @@ import { Component, EventEmitter, Input, NgModule, Output, Pipe } from '@angular/core';
     ngOnInit() {
+    }
+    /**
+     * @return {?}
+     */
+    ngOnChanges() {
         if (this.tagsToSelect && this.tagsToSelect.length > 0) {
             this.buildPossibleTagsList();
         }
+        if (this.tagsToSelect && this.tagsSelectedAtStart) {
+            this.selectTagsAtStart();
+        }
     }
@@ -29,2 +37,13 @@ /**
      */
+    selectTagsAtStart() {
+        for (const /** @type {?} */ item of this.tagsSelectedAtStart) {
+            const /** @type {?} */ found = this.possibleTags.find((tag) => tag.value === item[this.tagMapping.value]);
+            if (found) {
+                this.toggleTag(found);
+            }
+        }
+    }
+    /**
+     * @return {?}
+     */
     buildPossibleTagsList() {
@@ -134,2 +153,3 @@ for (const /** @type {?} */ item of this.tagsToSelect) {
 TagSelectComponent.propDecorators = {
+    'tagsSelectedAtStart': [{ type: Input },],
     'tagsToSelect': [{ type: Input },],
@@ -136,0 +156,0 @@ 'tagMapping': [{ type: Input },],

angular-tag-select.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":3,"metadata":{"TagSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"tag-select","template":"\n   <h5>Selected {{ tagItemIdentiferPlural ? tagItemIdentiferPlural : 'Tags' }}</h5>\n   <ul class=\"selected-tag-list\">\n   \t<li *ngFor=\"let tag of selectedTags\">\n   \t\t<i (click)=\"toggleTag(tag)\" class=\"fa fa-times\"></i>\n   \t\t{{ tag.display }}\n   \t</li>\n   </ul>\n   <h5>Available {{ tagItemIdentiferPlural ? tagItemIdentiferPlural : 'Tags' }}</h5>\n   <div class=\"filter-input\">\n   \t<label for=\"filterTextInput\">Filter Tags in List</label>\n   \t<input name=\"filterTextInput\" type=\"text\" placeholder=\"Filter Tags in List\" [(ngModel)]=\"filterText\">\n   </div>\n   <ul class=\"possible-tag-list\">\n   \t<li *ngFor=\"let tag of possibleTags | tagFilter:filterText\" (click)=\"toggleTag(tag)\">\n   \t\t<i class=\"{{ iconClasses.iconPrefix }}\" [ngClass]=\"setIconNgClassName(tag)\"></i>\n   \t\t{{ tag.display }}\n   \t</li>\n   </ul>\n\t","styles":["\n   .selected-tag-list {\n     list-style-type: none;\n     border: 1px solid black;\n     padding: 15px 20px;\n     width: 100%;\n     -webkit-box-sizing: border-box;\n             box-sizing: border-box; }\n     .selected-tag-list li {\n       display: inline-block;\n       padding: 5px 5px 5px 10px;\n       border: 1px solid black;\n       border-radius: 5px;\n       margin: 0 5px; }\n     .selected-tag-list i {\n       display: inline-block;\n       margin-right: 8px;\n       cursor: pointer;\n       -webkit-transition: color 0.2s ease;\n       transition: color 0.2s ease; }\n       .selected-tag-list i:hover {\n         color: red; }\n\n   .possible-tag-list {\n     list-style-type: none;\n     border: 1px solid black;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     -webkit-box-sizing: border-box;\n             box-sizing: border-box; }\n     .possible-tag-list li {\n       padding: 8px 15px;\n       cursor: pointer;\n       -webkit-transition: all 0.2s ease;\n       transition: all 0.2s ease; }\n       .possible-tag-list li:hover {\n         background-color: #f2f2f2; }\n\t"]}]}],"members":{"tagsToSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tagMapping":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tagItemIdentiferPlural":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedTagsUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"buildPossibleTagsList":[{"__symbolic":"method"}],"toggleTag":[{"__symbolic":"method"}],"isTagSelected":[{"__symbolic":"method"}],"setIconNgClassName":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe"},"arguments":[{"name":"tagFilter"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"TagSelectModule":"./src/app/tag-select/tag-select.module","ɵa":"./src/app/tag-select/tag-select/tag-select.component","ɵb":"./src/app/tag-select/tag-filter.pipe"},"importAs":"angular-tag-select"}
+{"__symbolic":"module","version":3,"metadata":{"TagSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"declarations":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}],"exports":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"tag-select","template":"\n   <h5>Selected {{ tagItemIdentiferPlural ? tagItemIdentiferPlural : 'Tags' }}</h5>\n   <ul class=\"selected-tag-list\">\n   \t<li *ngFor=\"let tag of selectedTags\">\n   \t\t<i (click)=\"toggleTag(tag)\" class=\"fa fa-times\"></i>\n   \t\t{{ tag.display }}\n   \t</li>\n   </ul>\n   <h5>Available {{ tagItemIdentiferPlural ? tagItemIdentiferPlural : 'Tags' }}</h5>\n   <div class=\"filter-input\">\n   \t<label for=\"filterTextInput\">Filter Tags in List</label>\n   \t<input name=\"filterTextInput\" type=\"text\" placeholder=\"Filter Tags in List\" [(ngModel)]=\"filterText\">\n   </div>\n   <ul class=\"possible-tag-list\">\n   \t<li *ngFor=\"let tag of possibleTags | tagFilter:filterText\" (click)=\"toggleTag(tag)\">\n   \t\t<i class=\"{{ iconClasses.iconPrefix }}\" [ngClass]=\"setIconNgClassName(tag)\"></i>\n   \t\t{{ tag.display }}\n   \t</li>\n   </ul>\n\t","styles":["\n   .selected-tag-list {\n     list-style-type: none;\n     border: 1px solid black;\n     padding: 15px 20px;\n     width: 100%;\n     -webkit-box-sizing: border-box;\n             box-sizing: border-box; }\n     .selected-tag-list li {\n       display: inline-block;\n       padding: 5px 5px 5px 10px;\n       border: 1px solid black;\n       border-radius: 5px;\n       margin: 0 5px; }\n     .selected-tag-list i {\n       display: inline-block;\n       margin-right: 8px;\n       cursor: pointer;\n       -webkit-transition: color 0.2s ease;\n       transition: color 0.2s ease; }\n       .selected-tag-list i:hover {\n         color: red; }\n\n   .possible-tag-list {\n     list-style-type: none;\n     border: 1px solid black;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     -webkit-box-sizing: border-box;\n             box-sizing: border-box; }\n     .possible-tag-list li {\n       padding: 8px 15px;\n       cursor: pointer;\n       -webkit-transition: all 0.2s ease;\n       transition: all 0.2s ease; }\n       .possible-tag-list li:hover {\n         background-color: #f2f2f2; }\n\t"]}]}],"members":{"tagsSelectedAtStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tagsToSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tagMapping":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tagItemIdentiferPlural":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedTagsUpdated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"selectTagsAtStart":[{"__symbolic":"method"}],"buildPossibleTagsList":[{"__symbolic":"method"}],"toggleTag":[{"__symbolic":"method"}],"isTagSelected":[{"__symbolic":"method"}],"setIconNgClassName":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe"},"arguments":[{"name":"tagFilter"}]}],"members":{"transform":[{"__symbolic":"method"}]}}},"origins":{"TagSelectModule":"./src/app/tag-select/tag-select.module","ɵa":"./src/app/tag-select/tag-select/tag-select.component","ɵb":"./src/app/tag-select/tag-filter.pipe"},"importAs":"angular-tag-select"}

bundles/angular-tag-select.umd.js

@@ -23,5 +23,13 @@ (function (global, factory) {
     TagSelectComponent.prototype.ngOnInit = function () {
+    };
+    /**
+     * @return {?}
+     */
+    TagSelectComponent.prototype.ngOnChanges = function () {
         if (this.tagsToSelect && this.tagsToSelect.length > 0) {
             this.buildPossibleTagsList();
         }
+        if (this.tagsToSelect && this.tagsSelectedAtStart) {
+            this.selectTagsAtStart();
+        }
     };
@@ -31,2 +39,19 @@ /**
      */
+    TagSelectComponent.prototype.selectTagsAtStart = function () {
+        var _this = this;
+        var _loop_1 = function (item) {
+            var /** @type {?} */ found = this_1.possibleTags.find(function (tag) { return tag.value === item[_this.tagMapping.value]; });
+            if (found) {
+                this_1.toggleTag(found);
+            }
+        };
+        var this_1 = this;
+        for (var _i = 0, _a = this.tagsSelectedAtStart; _i < _a.length; _i++) {
+            var item = _a[_i];
+            _loop_1(/** @type {?} */ item);
+        }
+    };
+    /**
+     * @return {?}
+     */
     TagSelectComponent.prototype.buildPossibleTagsList = function () {
@@ -81,2 +106,3 @@ for (var _i = 0, _a = this.tagsToSelect; _i < _a.length; _i++) {
 TagSelectComponent.propDecorators = {
+    'tagsSelectedAtStart': [{ type: core.Input },],
     'tagsToSelect': [{ type: core.Input },],
@@ -83,0 +109,0 @@ 'tagMapping': [{ type: core.Input },],

bundles/angular-tag-select.umd.min.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/forms"],t):t(e["angular-tag-select"]={},e.ng.core,e.ng.common,e.ng.forms)}(this,function(e,t,n,s){"use strict";var i=function(){function e(){this.iconClasses={iconPrefix:"fa",checkedIconClass:"fa-check-square-o",uncheckedIconClass:"fa-square-o"},this.selectedTagsUpdated=new t.EventEmitter,this.possibleTags=[],this.selectedTags=[],this.filterText=""}return e.prototype.ngOnInit=function(){this.tagsToSelect&&this.tagsToSelect.length>0&&this.buildPossibleTagsList()},e.prototype.buildPossibleTagsList=function(){for(var e=0,t=this.tagsToSelect;e<t.length;e++){var n=t[e];this.possibleTags.push({value:n[this.tagMapping.value],display:n[this.tagMapping.display]})}},e.prototype.toggleTag=function(e){var t=this.selectedTags.findIndex(function(t){return t.value===e.value});-1===t?this.selectedTags.push(e):this.selectedTags.splice(t,1),this.selectedTagsUpdated.emit(this.selectedTags)},e.prototype.isTagSelected=function(e){return this.selectedTags.findIndex(function(t){return t.value===e.value})>-1},e.prototype.setIconNgClassName=function(e){return this.isTagSelected(e)?this.iconClasses.checkedIconClass:this.iconClasses.uncheckedIconClass},e}();i.decorators=[{type:t.Component,args:[{selector:"tag-select",template:'\n   <h5>Selected {{ tagItemIdentiferPlural ? tagItemIdentiferPlural : \'Tags\' }}</h5>\n   <ul class="selected-tag-list">\n   \t<li *ngFor="let tag of selectedTags">\n   \t\t<i (click)="toggleTag(tag)" class="fa fa-times"></i>\n   \t\t{{ tag.display }}\n   \t</li>\n   </ul>\n   <h5>Available {{ tagItemIdentiferPlural ? tagItemIdentiferPlural : \'Tags\' }}</h5>\n   <div class="filter-input">\n   \t<label for="filterTextInput">Filter Tags in List</label>\n   \t<input name="filterTextInput" type="text" placeholder="Filter Tags in List" [(ngModel)]="filterText">\n   </div>\n   <ul class="possible-tag-list">\n   \t<li *ngFor="let tag of possibleTags | tagFilter:filterText" (click)="toggleTag(tag)">\n   \t\t<i class="{{ iconClasses.iconPrefix }}" [ngClass]="setIconNgClassName(tag)"></i>\n   \t\t{{ tag.display }}\n   \t</li>\n   </ul>\n\t',styles:["\n   .selected-tag-list {\n     list-style-type: none;\n     border: 1px solid black;\n     padding: 15px 20px;\n     width: 100%;\n     -webkit-box-sizing: border-box;\n             box-sizing: border-box; }\n     .selected-tag-list li {\n       display: inline-block;\n       padding: 5px 5px 5px 10px;\n       border: 1px solid black;\n       border-radius: 5px;\n       margin: 0 5px; }\n     .selected-tag-list i {\n       display: inline-block;\n       margin-right: 8px;\n       cursor: pointer;\n       -webkit-transition: color 0.2s ease;\n       transition: color 0.2s ease; }\n       .selected-tag-list i:hover {\n         color: red; }\n\n   .possible-tag-list {\n     list-style-type: none;\n     border: 1px solid black;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     -webkit-box-sizing: border-box;\n             box-sizing: border-box; }\n     .possible-tag-list li {\n       padding: 8px 15px;\n       cursor: pointer;\n       -webkit-transition: all 0.2s ease;\n       transition: all 0.2s ease; }\n       .possible-tag-list li:hover {\n         background-color: #f2f2f2; }\n\t"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={tagsToSelect:[{type:t.Input}],tagMapping:[{type:t.Input}],tagItemIdentiferPlural:[{type:t.Input}],iconClasses:[{type:t.Input}],selectedTagsUpdated:[{type:t.Output}]};var a=function(){function e(){}return e.prototype.transform=function(e,t){return e.filter(function(e){return e.display.toLowerCase().indexOf(t)>-1||("string"==typeof e.value?e.value.toLowerCase().indexOf(t)>-1:e.value===+t)})},e}();a.decorators=[{type:t.Pipe,args:[{name:"tagFilter"}]}],a.ctorParameters=function(){return[]};var l=function(){return function(){}}();l.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,s.FormsModule],declarations:[i,a],exports:[i]}]}],l.ctorParameters=function(){return[]},e.TagSelectModule=l,e.ɵb=a,e.ɵa=i,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/forms"],e):e(t["angular-tag-select"]={},t.ng.core,t.ng.common,t.ng.forms)}(this,function(t,e,n,s){"use strict";var i=function(){function t(){this.iconClasses={iconPrefix:"fa",checkedIconClass:"fa-check-square-o",uncheckedIconClass:"fa-square-o"},this.selectedTagsUpdated=new e.EventEmitter,this.possibleTags=[],this.selectedTags=[],this.filterText=""}return t.prototype.ngOnInit=function(){},t.prototype.ngOnChanges=function(){this.tagsToSelect&&this.tagsToSelect.length>0&&this.buildPossibleTagsList(),this.tagsToSelect&&this.tagsSelectedAtStart&&this.selectTagsAtStart()},t.prototype.selectTagsAtStart=function(){for(var t=this,e=this,n=0,s=this.tagsSelectedAtStart;n<s.length;n++){!function(n){var s=e.possibleTags.find(function(e){return e.value===n[t.tagMapping.value]});s&&e.toggleTag(s)}(s[n])}},t.prototype.buildPossibleTagsList=function(){for(var t=0,e=this.tagsToSelect;t<e.length;t++){var n=e[t];this.possibleTags.push({value:n[this.tagMapping.value],display:n[this.tagMapping.display]})}},t.prototype.toggleTag=function(t){var e=this.selectedTags.findIndex(function(e){return e.value===t.value});-1===e?this.selectedTags.push(t):this.selectedTags.splice(e,1),this.selectedTagsUpdated.emit(this.selectedTags)},t.prototype.isTagSelected=function(t){return this.selectedTags.findIndex(function(e){return e.value===t.value})>-1},t.prototype.setIconNgClassName=function(t){return this.isTagSelected(t)?this.iconClasses.checkedIconClass:this.iconClasses.uncheckedIconClass},t}();i.decorators=[{type:e.Component,args:[{selector:"tag-select",template:'\n   <h5>Selected {{ tagItemIdentiferPlural ? tagItemIdentiferPlural : \'Tags\' }}</h5>\n   <ul class="selected-tag-list">\n   \t<li *ngFor="let tag of selectedTags">\n   \t\t<i (click)="toggleTag(tag)" class="fa fa-times"></i>\n   \t\t{{ tag.display }}\n   \t</li>\n   </ul>\n   <h5>Available {{ tagItemIdentiferPlural ? tagItemIdentiferPlural : \'Tags\' }}</h5>\n   <div class="filter-input">\n   \t<label for="filterTextInput">Filter Tags in List</label>\n   \t<input name="filterTextInput" type="text" placeholder="Filter Tags in List" [(ngModel)]="filterText">\n   </div>\n   <ul class="possible-tag-list">\n   \t<li *ngFor="let tag of possibleTags | tagFilter:filterText" (click)="toggleTag(tag)">\n   \t\t<i class="{{ iconClasses.iconPrefix }}" [ngClass]="setIconNgClassName(tag)"></i>\n   \t\t{{ tag.display }}\n   \t</li>\n   </ul>\n\t',styles:["\n   .selected-tag-list {\n     list-style-type: none;\n     border: 1px solid black;\n     padding: 15px 20px;\n     width: 100%;\n     -webkit-box-sizing: border-box;\n             box-sizing: border-box; }\n     .selected-tag-list li {\n       display: inline-block;\n       padding: 5px 5px 5px 10px;\n       border: 1px solid black;\n       border-radius: 5px;\n       margin: 0 5px; }\n     .selected-tag-list i {\n       display: inline-block;\n       margin-right: 8px;\n       cursor: pointer;\n       -webkit-transition: color 0.2s ease;\n       transition: color 0.2s ease; }\n       .selected-tag-list i:hover {\n         color: red; }\n\n   .possible-tag-list {\n     list-style-type: none;\n     border: 1px solid black;\n     margin: 0;\n     padding: 0;\n     width: 100%;\n     -webkit-box-sizing: border-box;\n             box-sizing: border-box; }\n     .possible-tag-list li {\n       padding: 8px 15px;\n       cursor: pointer;\n       -webkit-transition: all 0.2s ease;\n       transition: all 0.2s ease; }\n       .possible-tag-list li:hover {\n         background-color: #f2f2f2; }\n\t"]}]}],i.ctorParameters=function(){return[]},i.propDecorators={tagsSelectedAtStart:[{type:e.Input}],tagsToSelect:[{type:e.Input}],tagMapping:[{type:e.Input}],tagItemIdentiferPlural:[{type:e.Input}],iconClasses:[{type:e.Input}],selectedTagsUpdated:[{type:e.Output}]};var a=function(){function t(){}return t.prototype.transform=function(t,e){return t.filter(function(t){return t.display.toLowerCase().indexOf(e)>-1||("string"==typeof t.value?t.value.toLowerCase().indexOf(e)>-1:t.value===+e)})},t}();a.decorators=[{type:e.Pipe,args:[{name:"tagFilter"}]}],a.ctorParameters=function(){return[]};var l=function(){return function(){}}();l.decorators=[{type:e.NgModule,args:[{imports:[n.CommonModule,s.FormsModule],declarations:[i,a],exports:[i]}]}],l.ctorParameters=function(){return[]},t.TagSelectModule=l,t.ɵb=a,t.ɵa=i,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=angular-tag-select.umd.min.js.map

package.json

@@ -1,1 +0,1 @@
-{"name":"angular-tag-select","author":{"email":"[e-mail]","name":"Preston Lamb","url":"http://www.prestonlamb.com"},"maintainers":["Preston Lamb"],"repository":{"type":"git","url":"https://github.com/pjlamb12/angular-tag-select"},"version":"1.0.3","license":"MIT","keywords":["angular","tags","tag-select"],"scripts":{"ng":"ng","start":"ng serve","build":"ng build","test":"ng test","lint":"ng lint","e2e":"ng e2e","packagr":"ng-packagr -p ng-package.json"},"private":false,"dependencies":{"@angular/animations":"^4.2.4","@angular/common":"^4.2.4","@angular/compiler":"^4.2.4","@angular/core":"^4.2.4","@angular/forms":"^4.2.4","@angular/http":"^4.2.4","@angular/platform-browser":"^4.2.4","@angular/platform-browser-dynamic":"^4.2.4","@angular/router":"^4.2.4","core-js":"^2.4.1","rxjs":"^5.4.2","zone.js":"^0.8.14"},"devDependencies":{"@angular/cli":"^1.3.2","@angular/compiler-cli":"^4.2.4","@angular/language-service":"^4.2.4","@types/jasmine":"~2.5.53","@types/jasminewd2":"~2.0.2","@types/node":"~6.0.60","codelyzer":"~3.1.1","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-coverage-istanbul-reporter":"^1.2.1","karma-jasmine":"~1.1.0","karma-jasmine-html-reporter":"^0.2.2","ng-packagr":"^1.5.0","protractor":"~5.1.2","ts-node":"~3.2.0","tslint":"~5.3.2","typescript":"^2.6.1"},"main":"bundles/angular-tag-select.umd.js","module":"angular-tag-select.es5.js","es2015":"angular-tag-select.js","typings":"angular-tag-select.d.ts","metadata":"angular-tag-select.metadata.json"}
+{"name":"angular-tag-select","author":{"email":"[e-mail]","name":"Preston Lamb","url":"http://www.prestonlamb.com"},"maintainers":["Preston Lamb"],"repository":{"type":"git","url":"https://github.com/pjlamb12/angular-tag-select"},"version":"1.0.4","license":"MIT","keywords":["angular","tags","tag-select"],"scripts":{"ng":"ng","start":"ng serve","build":"ng build","test":"ng test","lint":"ng lint","e2e":"ng e2e","packagr":"ng-packagr -p ng-package.json"},"private":false,"dependencies":{"@angular/animations":"^4.2.4","@angular/common":"^4.2.4","@angular/compiler":"^4.2.4","@angular/core":"^4.2.4","@angular/forms":"^4.2.4","@angular/http":"^4.2.4","@angular/platform-browser":"^4.2.4","@angular/platform-browser-dynamic":"^4.2.4","@angular/router":"^4.2.4","core-js":"^2.4.1","rxjs":"^5.4.2","zone.js":"^0.8.14"},"devDependencies":{"@angular/cli":"^1.3.2","@angular/compiler-cli":"^4.2.4","@angular/language-service":"^4.2.4","@types/jasmine":"~2.5.53","@types/jasminewd2":"~2.0.2","@types/node":"~6.0.60","codelyzer":"~3.1.1","jasmine-core":"~2.6.2","jasmine-spec-reporter":"~4.1.0","karma":"~1.7.0","karma-chrome-launcher":"~2.1.1","karma-cli":"~1.0.1","karma-coverage-istanbul-reporter":"^1.2.1","karma-jasmine":"~1.1.0","karma-jasmine-html-reporter":"^0.2.2","ng-packagr":"^1.5.0","protractor":"~5.1.2","ts-node":"~3.2.0","tslint":"~5.3.2","typescript":"^2.6.1"},"main":"bundles/angular-tag-select.umd.js","module":"angular-tag-select.es5.js","es2015":"angular-tag-select.js","typings":"angular-tag-select.d.ts","metadata":"angular-tag-select.metadata.json"}

README.md

@@ -18,2 +18,4 @@ # TagSelect
 
+`tagsSelectedAtStart`: This is an array of the same elements that you passed in for `tagsToSelect`. These are items that should start out as selected when the component is loaded. It uses the same `tagMapping` object to find which ones should be selected.
+
 ###Outputs
@@ -20,0 +22,0 @@ `selectedTagsUpdated`: This output emits a list of items that have been selected. The array is of objects with two attributes, `id` and `value`. Use this list to determine what the user has selected.

src/app/tag-select/tag-select/tag-select.component.d.ts

 import { OnInit, EventEmitter } from '@angular/core';
 import { Tag } from '../tag';
 export declare class TagSelectComponent implements OnInit {
+    tagsSelectedAtStart: any[];
     tagsToSelect: any[];
@@ -18,2 +19,4 @@ tagMapping: Tag;
     ngOnInit(): void;
+    ngOnChanges(): void;
+    selectTagsAtStart(): void;
     buildPossibleTagsList(): void;
@@ -20,0 +23,0 @@ toggleTag(tag: Tag): void;

New alerts

License Policy Violation

License

This 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

License

This 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

83961

increased by10.54%

Lines of code

582

increased by15.02%

Number of lines in readme file

67

increased by3.08%

No dependency changes