ng2-select - npm Package Compare versions

Comparing version 1.1.1 to 1.1.2

bundles/ng2-select.js

@@ -361,3 +361,3 @@ System.registerDynamic('ng2-select/components/select/select-item', [], true, function ($__require, exports, module) {
                 styles: [styles],
-                template: "\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === false\"\n     (keyup)=\"mainClick($event)\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container dropdown open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <div class=\"ui-select-match\"\n         *ngIf=\"!inputMode\">\n      <span tabindex=\"-1\"\n          class=\"btn btn-default btn-secondary form-control ui-select-toggle\"\n          (click)=\"matchClick($event)\"\n          style=\"outline: 0;\">\n        <span *ngIf=\"active.length <= 0\" class=\"ui-select-placeholder text-muted\">{{placeholder}}</span>\n        <span *ngIf=\"active.length > 0\" class=\"ui-select-match-text pull-left\"\n              [ngClass]=\"{'ui-select-allow-clear': allowClear && active.length > 0}\"\n              [innerHTML]=\"sanitize(active[0].text)\"></span>\n        <i class=\"dropdown-toggle pull-right\"></i>\n        <i class=\"caret pull-right\"></i>\n        <a *ngIf=\"allowClear && active.length>0\" class=\"btn btn-xs btn-link pull-right\" style=\"margin-right: 10px; padding: 0;\" (click)=\"remove(activeOption)\">\n           <i class=\"glyphicon glyphicon-remove\"></i>\n        </a>\n      </span>\n    </div>\n    <input type=\"text\" autocomplete=\"false\" tabindex=\"-1\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           [disabled]=\"disabled\"\n           class=\"form-control ui-select-search\"\n           *ngIf=\"inputMode\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === true\"\n     (keyup)=\"mainClick($event)\"\n     (focus)=\"focusToInput('')\"\n     class=\"ui-select-container ui-select-multiple dropdown form-control open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <span class=\"ui-select-match\">\n        <span *ngFor=\"let a of active\">\n            <span class=\"ui-select-match-item btn btn-default btn-secondary btn-xs\"\n                  tabindex=\"-1\"\n                  type=\"button\"\n                  [ngClass]=\"{'btn-default': true}\">\n               <a class=\"close\"\n                  style=\"margin-left: 5px; padding: 0;\"\n                  (click)=\"remove(a)\">&times;</a>\n               <span>{{a.text}}</span>\n           </span>\n        </span>\n    </span>\n    <input type=\"text\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           (click)=\"matchClick($event)\"\n           [disabled]=\"disabled\"\n           autocomplete=\"false\"\n           autocorrect=\"off\"\n           autocapitalize=\"off\"\n           spellcheck=\"false\"\n           class=\"form-control ui-select-search\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\"\n           role=\"combobox\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n  "
+                template: "\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === false\"\n     (keyup)=\"mainClick($event)\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container dropdown open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <div class=\"ui-select-match\"\n         *ngIf=\"!inputMode\">\n      <span tabindex=\"-1\"\n          class=\"btn btn-default btn-secondary form-control ui-select-toggle\"\n          (click)=\"matchClick($event)\"\n          style=\"outline: 0;\">\n        <span *ngIf=\"active.length <= 0\" class=\"ui-select-placeholder text-muted\">{{placeholder}}</span>\n        <span *ngIf=\"active.length > 0\" class=\"ui-select-match-text pull-left\"\n              [ngClass]=\"{'ui-select-allow-clear': allowClear && active.length > 0}\"\n              [innerHTML]=\"sanitize(active[0].text)\"></span>\n        <i class=\"dropdown-toggle pull-right\"></i>\n        <i class=\"caret pull-right\"></i>\n        <a *ngIf=\"allowClear && active.length>0\" class=\"btn btn-xs btn-link pull-right\" style=\"margin-right: 10px; padding: 0;\" (click)=\"remove(activeOption)\">\n           <i class=\"glyphicon glyphicon-remove\"></i>\n        </a>\n      </span>\n    </div>\n    <input type=\"text\" autocomplete=\"false\" tabindex=\"-1\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           [disabled]=\"disabled\"\n           class=\"form-control ui-select-search\"\n           *ngIf=\"inputMode\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === true\"\n     (keyup)=\"mainClick($event)\"\n     (focus)=\"focusToInput('')\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container ui-select-multiple dropdown form-control open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <span class=\"ui-select-match\">\n        <span *ngFor=\"let a of active\">\n            <span class=\"ui-select-match-item btn btn-default btn-secondary btn-xs\"\n                  tabindex=\"-1\"\n                  type=\"button\"\n                  [ngClass]=\"{'btn-default': true}\">\n               <a class=\"close\"\n                  style=\"margin-left: 5px; padding: 0;\"\n                  (click)=\"remove(a)\">&times;</a>\n               <span>{{a.text}}</span>\n           </span>\n        </span>\n    </span>\n    <input type=\"text\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           (click)=\"matchClick($event)\"\n           [disabled]=\"disabled\"\n           autocomplete=\"false\"\n           autocorrect=\"off\"\n           autocapitalize=\"off\"\n           spellcheck=\"false\"\n           class=\"form-control ui-select-search\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\"\n           role=\"combobox\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n  "
             }] }];
@@ -364,0 +364,0 @@ /** @nocollapse */

bundles/ng2-select.min.js

@@ -1,2 +0,2 @@
-System.registerDynamic("ng2-select/components/select/select-item",[],!0,function($__require,exports,module){"use strict";var SelectItem=(this||self,function(){function SelectItem(source){var _this=this;"string"==typeof source&&(this.id=this.text=source),"object"==typeof source&&(this.id=source.id||source.text,this.text=source.text,source.children&&source.text&&(this.children=source.children.map(function(c){var r=new SelectItem(c);return r.parent=_this,r}),this.text=source.text))}return SelectItem.prototype.fillChildrenHash=function(optionsMap,startIndex){var i=startIndex;return this.children.map(function(child){optionsMap.set(child.id,i++)}),i},SelectItem.prototype.hasChildren=function(){return this.children&&this.children.length>0},SelectItem.prototype.getSimilar=function(){var r=new SelectItem(!1);return r.id=this.id,r.text=this.text,r.parent=this.parent,r},SelectItem}());return exports.SelectItem=SelectItem,module.exports}),System.registerDynamic("ng2-select/components/select/select",["@angular/core","@angular/platform-browser","./select-item","./select-pipes","./common"],!0,function($__require,exports,module){"use strict";var __extends=(this||self,this&&this.__extends||function(d,b){function __(){this.constructor=d}for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p]);d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __)}),core_1=$__require("@angular/core"),platform_browser_1=$__require("@angular/platform-browser"),select_item_1=$__require("./select-item"),select_pipes_1=$__require("./select-pipes"),common_1=$__require("./common"),styles="\n  .ui-select-toggle {\n    position: relative;\n  }\n  \n  /* Fix Bootstrap dropdown position when inside a input-group */\n  .input-group > .dropdown {\n    /* Instead of relative */\n    position: static;\n  }\n  \n  .ui-select-match > .btn {\n    /* Instead of center because of .btn */\n    text-align: left !important;\n  }\n  \n  .ui-select-match > .caret {\n    position: absolute;\n    top: 45%;\n    right: 15px;\n  }\n  \n  .ui-disabled {\n    background-color: #eceeef;\n    border-radius: 4px;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 5;\n    opacity: 0.6;\n    top: 0;\n    left: 0;\n    cursor: not-allowed;\n  }\n  \n  .ui-select-choices {\n    width: 100%;\n    height: auto;\n    max-height: 200px;\n    overflow-x: hidden;\n    margin-top: 0;\n  }\n  \n  .ui-select-multiple .ui-select-choices {\n    margin-top: 1px;\n  }\n  .ui-select-choices-row>a {\n      display: block;\n      padding: 3px 20px;\n      clear: both;\n      font-weight: 400;\n      line-height: 1.42857143;\n      color: #333;\n      white-space: nowrap;\n  }\n  .ui-select-choices-row.active>a {\n      color: #fff;\n      text-decoration: none;\n      outline: 0;\n      background-color: #428bca;\n  }\n  \n  .ui-select-multiple {\n    height: auto;\n    padding:3px 3px 0 3px;\n  }\n  \n  .ui-select-multiple input.ui-select-search {\n    background-color: transparent !important; /* To prevent double background when disabled */\n    border: none;\n    outline: none;\n    box-shadow: none;\n    height: 1.6666em;\n    padding: 0;\n    margin-bottom: 3px;\n    \n  }\n  .ui-select-match .close {\n      font-size: 1.6em;\n      line-height: 0.75;\n  }\n  \n  .ui-select-multiple .ui-select-match-item {\n    outline: 0;\n    margin: 0 3px 3px 0;\n  }\n  .ui-select-toggle > .caret {\n      position: absolute;\n      height: 10px;\n      top: 50%;\n      right: 10px;\n      margin-top: -2px;\n  }\n",SelectComponent=function(){function SelectComponent(element,sanitizer){this.sanitizer=sanitizer,this.allowClear=!1,this.placeholder="",this.idField="id",this.textField="text",this.multiple=!1,this.data=new core_1.EventEmitter,this.selected=new core_1.EventEmitter,this.removed=new core_1.EventEmitter,this.typed=new core_1.EventEmitter,this.options=[],this.itemObjects=[],this.inputMode=!1,this.optionsOpened=!1,this.inputValue="",this._items=[],this._disabled=!1,this._active=[],this.element=element,this.clickedOutside=this.clickedOutside.bind(this)}return Object.defineProperty(SelectComponent.prototype,"items",{set:function(value){value?(this._items=value.filter(function(item){if("string"==typeof item||"object"==typeof item&&item.text)return item}),this.itemObjects=this._items.map(function(item){return new select_item_1.SelectItem(item)})):this._items=this.itemObjects=[]},enumerable:!0,configurable:!0}),Object.defineProperty(SelectComponent.prototype,"disabled",{get:function(){return this._disabled},set:function(value){this._disabled=value,this._disabled===!0&&this.hideOptions()},enumerable:!0,configurable:!0}),Object.defineProperty(SelectComponent.prototype,"active",{get:function(){return this._active},set:function(selectedItems){var _this=this;if(selectedItems&&0!==selectedItems.length){var areItemsStrings_1="string"==typeof selectedItems[0];this._active=selectedItems.map(function(item){var data=areItemsStrings_1?item:{id:item[_this.idField],text:item[_this.textField]};return new select_item_1.SelectItem(data)})}else this._active=[]},enumerable:!0,configurable:!0}),SelectComponent.prototype.sanitize=function(html){return this.sanitizer.bypassSecurityTrustHtml(html)},SelectComponent.prototype.inputEvent=function(e,isUpMode){if(void 0===isUpMode&&(isUpMode=!1),9!==e.keyCode){if(isUpMode&&(37===e.keyCode||39===e.keyCode||38===e.keyCode||40===e.keyCode||13===e.keyCode))return void e.preventDefault();if(!isUpMode&&8===e.keyCode){var el=this.element.nativeElement.querySelector("div.ui-select-container > input");(!el.value||el.value.length<=0)&&(this.active.length>0&&this.remove(this.active[this.active.length-1]),e.preventDefault())}if(!isUpMode&&27===e.keyCode)return this.hideOptions(),this.element.nativeElement.children[0].focus(),void e.preventDefault();if(isUpMode||46!==e.keyCode||(this.active.length>0&&this.remove(this.active[this.active.length-1]),e.preventDefault()),!isUpMode&&37===e.keyCode&&this._items.length>0)return this.behavior.first(),void e.preventDefault();if(!isUpMode&&39===e.keyCode&&this._items.length>0)return this.behavior.last(),void e.preventDefault();if(!isUpMode&&38===e.keyCode)return this.behavior.prev(),void e.preventDefault();if(!isUpMode&&40===e.keyCode)return this.behavior.next(),void e.preventDefault();if(!isUpMode&&13===e.keyCode)return this.active.indexOf(this.activeOption)===-1&&(this.selectActiveMatch(),this.behavior.next()),void e.preventDefault();var target=e.target||e.srcElement;target&&target.value&&(this.inputValue=target.value,this.behavior.filter(new RegExp(common_1.escapeRegexp(this.inputValue),"ig")),this.doEvent("typed",this.inputValue))}},SelectComponent.prototype.ngOnInit=function(){this.behavior=this.firstItemHasChildren?new ChildrenBehavior(this):new GenericBehavior(this)},SelectComponent.prototype.remove=function(item){if(this._disabled!==!0){if(this.multiple===!0&&this.active){var index=this.active.indexOf(item);this.active.splice(index,1),this.data.next(this.active),this.doEvent("removed",item)}this.multiple===!1&&(this.active=[],this.data.next(this.active),this.doEvent("removed",item))}},SelectComponent.prototype.doEvent=function(type,value){this[type]&&value&&this[type].next(value)},SelectComponent.prototype.clickedOutside=function(){this.inputMode=!1,this.optionsOpened=!1},Object.defineProperty(SelectComponent.prototype,"firstItemHasChildren",{get:function(){return this.itemObjects[0]&&this.itemObjects[0].hasChildren()},enumerable:!0,configurable:!0}),SelectComponent.prototype.matchClick=function(e){this._disabled!==!0&&(this.inputMode=!this.inputMode,this.inputMode===!0&&(this.multiple===!0&&e||this.multiple===!1)&&(this.focusToInput(),this.open()))},SelectComponent.prototype.mainClick=function(event){if(this.inputMode!==!0&&this._disabled!==!0){if(46===event.keyCode)return event.preventDefault(),void this.inputEvent(event);if(8===event.keyCode)return event.preventDefault(),void this.inputEvent(event,!0);if(9===event.keyCode||13===event.keyCode||27===event.keyCode||event.keyCode>=37&&event.keyCode<=40)return void event.preventDefault();this.inputMode=!0;var value=String.fromCharCode(96<=event.keyCode&&event.keyCode<=105?event.keyCode-48:event.keyCode).toLowerCase();this.focusToInput(value),this.open();var target=event.target||event.srcElement;target.value=value,this.inputEvent(event)}},SelectComponent.prototype.selectActive=function(value){this.activeOption=value},SelectComponent.prototype.isActive=function(value){return this.activeOption.text===value.text},SelectComponent.prototype.focusToInput=function(value){var _this=this;void 0===value&&(value=""),setTimeout(function(){var el=_this.element.nativeElement.querySelector("div.ui-select-container > input");el&&(el.focus(),el.value=value)},0)},SelectComponent.prototype.open=function(){var _this=this;this.options=this.itemObjects.filter(function(option){return _this.multiple===!1||_this.multiple===!0&&!_this.active.find(function(o){return option.text===o.text})}),this.options.length>0&&this.behavior.first(),this.optionsOpened=!0},SelectComponent.prototype.hideOptions=function(){this.inputMode=!1,this.optionsOpened=!1},SelectComponent.prototype.selectActiveMatch=function(){this.selectMatch(this.activeOption)},SelectComponent.prototype.selectMatch=function(value,e){void 0===e&&(e=void 0),e&&(e.stopPropagation(),e.preventDefault()),this.options.length<=0||(this.multiple===!0&&(this.active.push(value),this.data.next(this.active)),this.multiple===!1&&(this.active[0]=value,this.data.next(this.active[0])),this.doEvent("selected",value),this.hideOptions(),this.multiple===!0?this.focusToInput(""):(this.focusToInput(select_pipes_1.stripTags(value.text)),this.element.nativeElement.querySelector(".ui-select-container").focus()))},SelectComponent.decorators=[{type:core_1.Component,args:[{selector:"ng-select",styles:[styles],template:'\n  <div tabindex="0"\n     *ngIf="multiple === false"\n     (keyup)="mainClick($event)"\n     [offClick]="clickedOutside"\n     class="ui-select-container dropdown open">\n    <div [ngClass]="{\'ui-disabled\': disabled}"></div>\n    <div class="ui-select-match"\n         *ngIf="!inputMode">\n      <span tabindex="-1"\n          class="btn btn-default btn-secondary form-control ui-select-toggle"\n          (click)="matchClick($event)"\n          style="outline: 0;">\n        <span *ngIf="active.length <= 0" class="ui-select-placeholder text-muted">{{placeholder}}</span>\n        <span *ngIf="active.length > 0" class="ui-select-match-text pull-left"\n              [ngClass]="{\'ui-select-allow-clear\': allowClear && active.length > 0}"\n              [innerHTML]="sanitize(active[0].text)"></span>\n        <i class="dropdown-toggle pull-right"></i>\n        <i class="caret pull-right"></i>\n        <a *ngIf="allowClear && active.length>0" class="btn btn-xs btn-link pull-right" style="margin-right: 10px; padding: 0;" (click)="remove(activeOption)">\n           <i class="glyphicon glyphicon-remove"></i>\n        </a>\n      </span>\n    </div>\n    <input type="text" autocomplete="false" tabindex="-1"\n           (keydown)="inputEvent($event)"\n           (keyup)="inputEvent($event, true)"\n           [disabled]="disabled"\n           class="form-control ui-select-search"\n           *ngIf="inputMode"\n           placeholder="{{active.length <= 0 ? placeholder : \'\'}}">\n     <!-- options template -->\n     <ul *ngIf="optionsOpened && options && options.length > 0 && !firstItemHasChildren"\n          class="ui-select-choices dropdown-menu" role="menu">\n        <li *ngFor="let o of options" role="menuitem">\n          <div class="ui-select-choices-row"\n               [class.active]="isActive(o)"\n               (mouseenter)="selectActive(o)"\n               (click)="selectMatch(o, $event)">\n            <a href="javascript:void(0)" class="dropdown-item">\n              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf="optionsOpened && options && options.length > 0 && firstItemHasChildren"\n          class="ui-select-choices dropdown-menu" role="menu">\n        <li *ngFor="let c of options; let index=index" role="menuitem">\n          <div class="divider dropdown-divider" *ngIf="index > 0"></div>\n          <div class="dropdown-header">{{c.text}}</div>\n  \n          <div *ngFor="let o of c.children"\n               class="ui-select-choices-row"\n               [class.active]="isActive(o)"\n               (mouseenter)="selectActive(o)"\n               (click)="selectMatch(o, $event)"\n               [ngClass]="{\'active\': isActive(o)}">\n            <a href="javascript:void(0)" class="dropdown-item">\n              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n\n  <div tabindex="0"\n     *ngIf="multiple === true"\n     (keyup)="mainClick($event)"\n     (focus)="focusToInput(\'\')"\n     class="ui-select-container ui-select-multiple dropdown form-control open">\n    <div [ngClass]="{\'ui-disabled\': disabled}"></div>\n    <span class="ui-select-match">\n        <span *ngFor="let a of active">\n            <span class="ui-select-match-item btn btn-default btn-secondary btn-xs"\n                  tabindex="-1"\n                  type="button"\n                  [ngClass]="{\'btn-default\': true}">\n               <a class="close"\n                  style="margin-left: 5px; padding: 0;"\n                  (click)="remove(a)">&times;</a>\n               <span>{{a.text}}</span>\n           </span>\n        </span>\n    </span>\n    <input type="text"\n           (keydown)="inputEvent($event)"\n           (keyup)="inputEvent($event, true)"\n           (click)="matchClick($event)"\n           [disabled]="disabled"\n           autocomplete="false"\n           autocorrect="off"\n           autocapitalize="off"\n           spellcheck="false"\n           class="form-control ui-select-search"\n           placeholder="{{active.length <= 0 ? placeholder : \'\'}}"\n           role="combobox">\n     <!-- options template -->\n     <ul *ngIf="optionsOpened && options && options.length > 0 && !firstItemHasChildren"\n          class="ui-select-choices dropdown-menu" role="menu">\n        <li *ngFor="let o of options" role="menuitem">\n          <div class="ui-select-choices-row"\n               [class.active]="isActive(o)"\n               (mouseenter)="selectActive(o)"\n               (click)="selectMatch(o, $event)">\n            <a href="javascript:void(0)" class="dropdown-item">\n              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf="optionsOpened && options && options.length > 0 && firstItemHasChildren"\n          class="ui-select-choices dropdown-menu" role="menu">\n        <li *ngFor="let c of options; let index=index" role="menuitem">\n          <div class="divider dropdown-divider" *ngIf="index > 0"></div>\n          <div class="dropdown-header">{{c.text}}</div>\n  \n          <div *ngFor="let o of c.children"\n               class="ui-select-choices-row"\n               [class.active]="isActive(o)"\n               (mouseenter)="selectActive(o)"\n               (click)="selectMatch(o, $event)"\n               [ngClass]="{\'active\': isActive(o)}">\n            <a href="javascript:void(0)" class="dropdown-item">\n              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n  '}]}],SelectComponent.ctorParameters=[{type:core_1.ElementRef},{type:platform_browser_1.DomSanitizer}],SelectComponent.propDecorators={allowClear:[{type:core_1.Input}],placeholder:[{type:core_1.Input}],idField:[{type:core_1.Input}],textField:[{type:core_1.Input}],multiple:[{type:core_1.Input}],items:[{type:core_1.Input}],disabled:[{type:core_1.Input}],active:[{type:core_1.Input}],data:[{type:core_1.Output}],selected:[{type:core_1.Output}],removed:[{type:core_1.Output}],typed:[{type:core_1.Output}]},SelectComponent}();exports.SelectComponent=SelectComponent;var Behavior=function(){function Behavior(actor){this.optionsMap=new Map,this.actor=actor}return Behavior.prototype.fillOptionsMap=function(){var _this=this;this.optionsMap.clear();var startPos=0;this.actor.itemObjects.map(function(item){startPos=item.fillChildrenHash(_this.optionsMap,startPos)})},Behavior.prototype.ensureHighlightVisible=function(optionsMap){void 0===optionsMap&&(optionsMap=void 0);var container=this.actor.element.nativeElement.querySelector(".ui-select-choices-content");if(container){var choices=container.querySelectorAll(".ui-select-choices-row");if(!(choices.length<1)){var activeIndex=this.getActiveIndex(optionsMap);if(!(activeIndex<0)){var highlighted=choices[activeIndex];if(highlighted){var posY=highlighted.offsetTop+highlighted.clientHeight-container.scrollTop,height=container.offsetHeight;posY>height?container.scrollTop+=posY-height:posY<highlighted.clientHeight&&(container.scrollTop-=highlighted.clientHeight-posY)}}}}},Behavior.prototype.getActiveIndex=function(optionsMap){void 0===optionsMap&&(optionsMap=void 0);var ai=this.actor.options.indexOf(this.actor.activeOption);return ai<0&&void 0!==optionsMap&&(ai=optionsMap.get(this.actor.activeOption.id)),ai},Behavior}();exports.Behavior=Behavior;var GenericBehavior=function(_super){function GenericBehavior(actor){_super.call(this,actor)}return __extends(GenericBehavior,_super),GenericBehavior.prototype.first=function(){this.actor.activeOption=this.actor.options[0],_super.prototype.ensureHighlightVisible.call(this)},GenericBehavior.prototype.last=function(){this.actor.activeOption=this.actor.options[this.actor.options.length-1],_super.prototype.ensureHighlightVisible.call(this)},GenericBehavior.prototype.prev=function(){var index=this.actor.options.indexOf(this.actor.activeOption);this.actor.activeOption=this.actor.options[index-1<0?this.actor.options.length-1:index-1],_super.prototype.ensureHighlightVisible.call(this)},GenericBehavior.prototype.next=function(){var index=this.actor.options.indexOf(this.actor.activeOption);this.actor.activeOption=this.actor.options[index+1>this.actor.options.length-1?0:index+1],_super.prototype.ensureHighlightVisible.call(this)},GenericBehavior.prototype.filter=function(query){var _this=this,options=this.actor.itemObjects.filter(function(option){return select_pipes_1.stripTags(option.text).match(query)&&(_this.actor.multiple===!1||_this.actor.multiple===!0&&_this.actor.active.map(function(item){return item.id}).indexOf(option.id)<0)});this.actor.options=options,this.actor.options.length>0&&(this.actor.activeOption=this.actor.options[0],_super.prototype.ensureHighlightVisible.call(this))},GenericBehavior}(Behavior);exports.GenericBehavior=GenericBehavior;var ChildrenBehavior=function(_super){function ChildrenBehavior(actor){_super.call(this,actor)}return __extends(ChildrenBehavior,_super),ChildrenBehavior.prototype.first=function(){this.actor.activeOption=this.actor.options[0].children[0],this.fillOptionsMap(),this.ensureHighlightVisible(this.optionsMap)},ChildrenBehavior.prototype.last=function(){this.actor.activeOption=this.actor.options[this.actor.options.length-1].children[this.actor.options[this.actor.options.length-1].children.length-1],this.fillOptionsMap(),this.ensureHighlightVisible(this.optionsMap)},ChildrenBehavior.prototype.prev=function(){var _this=this,indexParent=this.actor.options.findIndex(function(option){return _this.actor.activeOption.parent&&_this.actor.activeOption.parent.id===option.id}),index=this.actor.options[indexParent].children.findIndex(function(option){return _this.actor.activeOption&&_this.actor.activeOption.id===option.id});this.actor.activeOption=this.actor.options[indexParent].children[index-1],this.actor.activeOption||this.actor.options[indexParent-1]&&(this.actor.activeOption=this.actor.options[indexParent-1].children[this.actor.options[indexParent-1].children.length-1]),this.actor.activeOption||this.last(),this.fillOptionsMap(),this.ensureHighlightVisible(this.optionsMap)},ChildrenBehavior.prototype.next=function(){var _this=this,indexParent=this.actor.options.findIndex(function(option){return _this.actor.activeOption.parent&&_this.actor.activeOption.parent.id===option.id}),index=this.actor.options[indexParent].children.findIndex(function(option){return _this.actor.activeOption&&_this.actor.activeOption.id===option.id});this.actor.activeOption=this.actor.options[indexParent].children[index+1],this.actor.activeOption||this.actor.options[indexParent+1]&&(this.actor.activeOption=this.actor.options[indexParent+1].children[0]),this.actor.activeOption||this.first(),this.fillOptionsMap(),this.ensureHighlightVisible(this.optionsMap)},ChildrenBehavior.prototype.filter=function(query){for(var options=[],optionsMap=new Map,startPos=0,_i=0,_a=this.actor.itemObjects;_i<_a.length;_i++){var si=_a[_i],children=si.children.filter(function(option){return query.test(option.text)});if(startPos=si.fillChildrenHash(optionsMap,startPos),children.length>0){var newSi=si.getSimilar();newSi.children=children,options.push(newSi)}}this.actor.options=options,this.actor.options.length>0&&(this.actor.activeOption=this.actor.options[0].children[0],_super.prototype.ensureHighlightVisible.call(this,optionsMap))},ChildrenBehavior}(Behavior);return exports.ChildrenBehavior=ChildrenBehavior,module.exports}),System.registerDynamic("ng2-select/components/select/common",[],!0,function($__require,exports,module){"use strict";function escapeRegexp(queryToEscape){return queryToEscape.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")}this||self;return exports.escapeRegexp=escapeRegexp,module.exports}),System.registerDynamic("ng2-select/components/select/select-pipes",["@angular/core","./common"],!0,function($__require,exports,module){"use strict";function stripTags(input){var tags=/<\/?([a-z][a-z0-9]*)\b[^>]*>/gi,commentsAndPhpTags=/<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi;return input.replace(commentsAndPhpTags,"").replace(tags,"")}var core_1=(this||self,$__require("@angular/core")),common_1=$__require("./common"),HighlightPipe=function(){function HighlightPipe(){}return HighlightPipe.prototype.transform=function(value,query){if(query.length<1)return value;if(query){var tagRE=new RegExp("<[^<>]*>","ig"),tagList=value.match(tagRE),tmpValue=value.replace(tagRE,"$!$");value=tmpValue.replace(new RegExp(common_1.escapeRegexp(query),"gi"),"<strong>$&</strong>");for(var i=0;value.indexOf("$!$")>-1;i++)value=value.replace("$!$",tagList[i])}return value},HighlightPipe.decorators=[{type:core_1.Pipe,args:[{name:"highlight"}]}],HighlightPipe.ctorParameters=[],HighlightPipe}();return exports.HighlightPipe=HighlightPipe,exports.stripTags=stripTags,module.exports}),System.registerDynamic("ng2-select/components/select/off-click",["@angular/core"],!0,function($__require,exports,module){"use strict";var core_1=(this||self,$__require("@angular/core")),OffClickDirective=function(){function OffClickDirective(){}return OffClickDirective.prototype.onClick=function($event){$event.stopPropagation()},OffClickDirective.prototype.ngOnInit=function(){var _this=this;setTimeout(function(){document.addEventListener("click",_this.offClickHandler)},0)},OffClickDirective.prototype.ngOnDestroy=function(){document.removeEventListener("click",this.offClickHandler)},OffClickDirective.decorators=[{type:core_1.Directive,args:[{selector:"[offClick]"}]}],OffClickDirective.ctorParameters=[],OffClickDirective.propDecorators={offClickHandler:[{type:core_1.Input,args:["offClick"]}],onClick:[{type:core_1.HostListener,args:["click",["$event"]]}]},OffClickDirective}();return exports.OffClickDirective=OffClickDirective,module.exports}),System.registerDynamic("ng2-select/components/select.module",["@angular/core","@angular/common","./select/select","./select/select-pipes","./select/off-click"],!0,function($__require,exports,module){"use strict";var core_1=(this||self,$__require("@angular/core")),common_1=$__require("@angular/common"),select_1=$__require("./select/select"),select_pipes_1=$__require("./select/select-pipes"),off_click_1=$__require("./select/off-click"),SelectModule=function(){function SelectModule(){}return SelectModule.decorators=[{type:core_1.NgModule,args:[{imports:[common_1.CommonModule],declarations:[select_1.SelectComponent,select_pipes_1.HighlightPipe,off_click_1.OffClickDirective],exports:[select_1.SelectComponent,select_pipes_1.HighlightPipe,off_click_1.OffClickDirective]}]}],SelectModule.ctorParameters=[],SelectModule}();return exports.SelectModule=SelectModule,module.exports}),System.registerDynamic("ng2-select/ng2-select",["./components/select/select","./components/select.module"],!0,function($__require,exports,module){"use strict";function __export(m){for(var p in m)exports.hasOwnProperty(p)||(exports[p]=m[p])}this||self;__export($__require("./components/select/select"));var select_module_1=$__require("./components/select.module");return exports.SelectModule=select_module_1.SelectModule,module.exports});
+System.registerDynamic("ng2-select/components/select/select-item",[],!0,function($__require,exports,module){"use strict";var SelectItem=(this||self,function(){function SelectItem(source){var _this=this;"string"==typeof source&&(this.id=this.text=source),"object"==typeof source&&(this.id=source.id||source.text,this.text=source.text,source.children&&source.text&&(this.children=source.children.map(function(c){var r=new SelectItem(c);return r.parent=_this,r}),this.text=source.text))}return SelectItem.prototype.fillChildrenHash=function(optionsMap,startIndex){var i=startIndex;return this.children.map(function(child){optionsMap.set(child.id,i++)}),i},SelectItem.prototype.hasChildren=function(){return this.children&&this.children.length>0},SelectItem.prototype.getSimilar=function(){var r=new SelectItem(!1);return r.id=this.id,r.text=this.text,r.parent=this.parent,r},SelectItem}());return exports.SelectItem=SelectItem,module.exports}),System.registerDynamic("ng2-select/components/select/select",["@angular/core","@angular/platform-browser","./select-item","./select-pipes","./common"],!0,function($__require,exports,module){"use strict";var __extends=(this||self,this&&this.__extends||function(d,b){function __(){this.constructor=d}for(var p in b)b.hasOwnProperty(p)&&(d[p]=b[p]);d.prototype=null===b?Object.create(b):(__.prototype=b.prototype,new __)}),core_1=$__require("@angular/core"),platform_browser_1=$__require("@angular/platform-browser"),select_item_1=$__require("./select-item"),select_pipes_1=$__require("./select-pipes"),common_1=$__require("./common"),styles="\n  .ui-select-toggle {\n    position: relative;\n  }\n  \n  /* Fix Bootstrap dropdown position when inside a input-group */\n  .input-group > .dropdown {\n    /* Instead of relative */\n    position: static;\n  }\n  \n  .ui-select-match > .btn {\n    /* Instead of center because of .btn */\n    text-align: left !important;\n  }\n  \n  .ui-select-match > .caret {\n    position: absolute;\n    top: 45%;\n    right: 15px;\n  }\n  \n  .ui-disabled {\n    background-color: #eceeef;\n    border-radius: 4px;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 5;\n    opacity: 0.6;\n    top: 0;\n    left: 0;\n    cursor: not-allowed;\n  }\n  \n  .ui-select-choices {\n    width: 100%;\n    height: auto;\n    max-height: 200px;\n    overflow-x: hidden;\n    margin-top: 0;\n  }\n  \n  .ui-select-multiple .ui-select-choices {\n    margin-top: 1px;\n  }\n  .ui-select-choices-row>a {\n      display: block;\n      padding: 3px 20px;\n      clear: both;\n      font-weight: 400;\n      line-height: 1.42857143;\n      color: #333;\n      white-space: nowrap;\n  }\n  .ui-select-choices-row.active>a {\n      color: #fff;\n      text-decoration: none;\n      outline: 0;\n      background-color: #428bca;\n  }\n  \n  .ui-select-multiple {\n    height: auto;\n    padding:3px 3px 0 3px;\n  }\n  \n  .ui-select-multiple input.ui-select-search {\n    background-color: transparent !important; /* To prevent double background when disabled */\n    border: none;\n    outline: none;\n    box-shadow: none;\n    height: 1.6666em;\n    padding: 0;\n    margin-bottom: 3px;\n    \n  }\n  .ui-select-match .close {\n      font-size: 1.6em;\n      line-height: 0.75;\n  }\n  \n  .ui-select-multiple .ui-select-match-item {\n    outline: 0;\n    margin: 0 3px 3px 0;\n  }\n  .ui-select-toggle > .caret {\n      position: absolute;\n      height: 10px;\n      top: 50%;\n      right: 10px;\n      margin-top: -2px;\n  }\n",SelectComponent=function(){function SelectComponent(element,sanitizer){this.sanitizer=sanitizer,this.allowClear=!1,this.placeholder="",this.idField="id",this.textField="text",this.multiple=!1,this.data=new core_1.EventEmitter,this.selected=new core_1.EventEmitter,this.removed=new core_1.EventEmitter,this.typed=new core_1.EventEmitter,this.options=[],this.itemObjects=[],this.inputMode=!1,this.optionsOpened=!1,this.inputValue="",this._items=[],this._disabled=!1,this._active=[],this.element=element,this.clickedOutside=this.clickedOutside.bind(this)}return Object.defineProperty(SelectComponent.prototype,"items",{set:function(value){value?(this._items=value.filter(function(item){if("string"==typeof item||"object"==typeof item&&item.text)return item}),this.itemObjects=this._items.map(function(item){return new select_item_1.SelectItem(item)})):this._items=this.itemObjects=[]},enumerable:!0,configurable:!0}),Object.defineProperty(SelectComponent.prototype,"disabled",{get:function(){return this._disabled},set:function(value){this._disabled=value,this._disabled===!0&&this.hideOptions()},enumerable:!0,configurable:!0}),Object.defineProperty(SelectComponent.prototype,"active",{get:function(){return this._active},set:function(selectedItems){var _this=this;if(selectedItems&&0!==selectedItems.length){var areItemsStrings_1="string"==typeof selectedItems[0];this._active=selectedItems.map(function(item){var data=areItemsStrings_1?item:{id:item[_this.idField],text:item[_this.textField]};return new select_item_1.SelectItem(data)})}else this._active=[]},enumerable:!0,configurable:!0}),SelectComponent.prototype.sanitize=function(html){return this.sanitizer.bypassSecurityTrustHtml(html)},SelectComponent.prototype.inputEvent=function(e,isUpMode){if(void 0===isUpMode&&(isUpMode=!1),9!==e.keyCode){if(isUpMode&&(37===e.keyCode||39===e.keyCode||38===e.keyCode||40===e.keyCode||13===e.keyCode))return void e.preventDefault();if(!isUpMode&&8===e.keyCode){var el=this.element.nativeElement.querySelector("div.ui-select-container > input");(!el.value||el.value.length<=0)&&(this.active.length>0&&this.remove(this.active[this.active.length-1]),e.preventDefault())}if(!isUpMode&&27===e.keyCode)return this.hideOptions(),this.element.nativeElement.children[0].focus(),void e.preventDefault();if(isUpMode||46!==e.keyCode||(this.active.length>0&&this.remove(this.active[this.active.length-1]),e.preventDefault()),!isUpMode&&37===e.keyCode&&this._items.length>0)return this.behavior.first(),void e.preventDefault();if(!isUpMode&&39===e.keyCode&&this._items.length>0)return this.behavior.last(),void e.preventDefault();if(!isUpMode&&38===e.keyCode)return this.behavior.prev(),void e.preventDefault();if(!isUpMode&&40===e.keyCode)return this.behavior.next(),void e.preventDefault();if(!isUpMode&&13===e.keyCode)return this.active.indexOf(this.activeOption)===-1&&(this.selectActiveMatch(),this.behavior.next()),void e.preventDefault();var target=e.target||e.srcElement;target&&target.value&&(this.inputValue=target.value,this.behavior.filter(new RegExp(common_1.escapeRegexp(this.inputValue),"ig")),this.doEvent("typed",this.inputValue))}},SelectComponent.prototype.ngOnInit=function(){this.behavior=this.firstItemHasChildren?new ChildrenBehavior(this):new GenericBehavior(this)},SelectComponent.prototype.remove=function(item){if(this._disabled!==!0){if(this.multiple===!0&&this.active){var index=this.active.indexOf(item);this.active.splice(index,1),this.data.next(this.active),this.doEvent("removed",item)}this.multiple===!1&&(this.active=[],this.data.next(this.active),this.doEvent("removed",item))}},SelectComponent.prototype.doEvent=function(type,value){this[type]&&value&&this[type].next(value)},SelectComponent.prototype.clickedOutside=function(){this.inputMode=!1,this.optionsOpened=!1},Object.defineProperty(SelectComponent.prototype,"firstItemHasChildren",{get:function(){return this.itemObjects[0]&&this.itemObjects[0].hasChildren()},enumerable:!0,configurable:!0}),SelectComponent.prototype.matchClick=function(e){this._disabled!==!0&&(this.inputMode=!this.inputMode,this.inputMode===!0&&(this.multiple===!0&&e||this.multiple===!1)&&(this.focusToInput(),this.open()))},SelectComponent.prototype.mainClick=function(event){if(this.inputMode!==!0&&this._disabled!==!0){if(46===event.keyCode)return event.preventDefault(),void this.inputEvent(event);if(8===event.keyCode)return event.preventDefault(),void this.inputEvent(event,!0);if(9===event.keyCode||13===event.keyCode||27===event.keyCode||event.keyCode>=37&&event.keyCode<=40)return void event.preventDefault();this.inputMode=!0;var value=String.fromCharCode(96<=event.keyCode&&event.keyCode<=105?event.keyCode-48:event.keyCode).toLowerCase();this.focusToInput(value),this.open();var target=event.target||event.srcElement;target.value=value,this.inputEvent(event)}},SelectComponent.prototype.selectActive=function(value){this.activeOption=value},SelectComponent.prototype.isActive=function(value){return this.activeOption.text===value.text},SelectComponent.prototype.focusToInput=function(value){var _this=this;void 0===value&&(value=""),setTimeout(function(){var el=_this.element.nativeElement.querySelector("div.ui-select-container > input");el&&(el.focus(),el.value=value)},0)},SelectComponent.prototype.open=function(){var _this=this;this.options=this.itemObjects.filter(function(option){return _this.multiple===!1||_this.multiple===!0&&!_this.active.find(function(o){return option.text===o.text})}),this.options.length>0&&this.behavior.first(),this.optionsOpened=!0},SelectComponent.prototype.hideOptions=function(){this.inputMode=!1,this.optionsOpened=!1},SelectComponent.prototype.selectActiveMatch=function(){this.selectMatch(this.activeOption)},SelectComponent.prototype.selectMatch=function(value,e){void 0===e&&(e=void 0),e&&(e.stopPropagation(),e.preventDefault()),this.options.length<=0||(this.multiple===!0&&(this.active.push(value),this.data.next(this.active)),this.multiple===!1&&(this.active[0]=value,this.data.next(this.active[0])),this.doEvent("selected",value),this.hideOptions(),this.multiple===!0?this.focusToInput(""):(this.focusToInput(select_pipes_1.stripTags(value.text)),this.element.nativeElement.querySelector(".ui-select-container").focus()))},SelectComponent.decorators=[{type:core_1.Component,args:[{selector:"ng-select",styles:[styles],template:'\n  <div tabindex="0"\n     *ngIf="multiple === false"\n     (keyup)="mainClick($event)"\n     [offClick]="clickedOutside"\n     class="ui-select-container dropdown open">\n    <div [ngClass]="{\'ui-disabled\': disabled}"></div>\n    <div class="ui-select-match"\n         *ngIf="!inputMode">\n      <span tabindex="-1"\n          class="btn btn-default btn-secondary form-control ui-select-toggle"\n          (click)="matchClick($event)"\n          style="outline: 0;">\n        <span *ngIf="active.length <= 0" class="ui-select-placeholder text-muted">{{placeholder}}</span>\n        <span *ngIf="active.length > 0" class="ui-select-match-text pull-left"\n              [ngClass]="{\'ui-select-allow-clear\': allowClear && active.length > 0}"\n              [innerHTML]="sanitize(active[0].text)"></span>\n        <i class="dropdown-toggle pull-right"></i>\n        <i class="caret pull-right"></i>\n        <a *ngIf="allowClear && active.length>0" class="btn btn-xs btn-link pull-right" style="margin-right: 10px; padding: 0;" (click)="remove(activeOption)">\n           <i class="glyphicon glyphicon-remove"></i>\n        </a>\n      </span>\n    </div>\n    <input type="text" autocomplete="false" tabindex="-1"\n           (keydown)="inputEvent($event)"\n           (keyup)="inputEvent($event, true)"\n           [disabled]="disabled"\n           class="form-control ui-select-search"\n           *ngIf="inputMode"\n           placeholder="{{active.length <= 0 ? placeholder : \'\'}}">\n     <!-- options template -->\n     <ul *ngIf="optionsOpened && options && options.length > 0 && !firstItemHasChildren"\n          class="ui-select-choices dropdown-menu" role="menu">\n        <li *ngFor="let o of options" role="menuitem">\n          <div class="ui-select-choices-row"\n               [class.active]="isActive(o)"\n               (mouseenter)="selectActive(o)"\n               (click)="selectMatch(o, $event)">\n            <a href="javascript:void(0)" class="dropdown-item">\n              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf="optionsOpened && options && options.length > 0 && firstItemHasChildren"\n          class="ui-select-choices dropdown-menu" role="menu">\n        <li *ngFor="let c of options; let index=index" role="menuitem">\n          <div class="divider dropdown-divider" *ngIf="index > 0"></div>\n          <div class="dropdown-header">{{c.text}}</div>\n  \n          <div *ngFor="let o of c.children"\n               class="ui-select-choices-row"\n               [class.active]="isActive(o)"\n               (mouseenter)="selectActive(o)"\n               (click)="selectMatch(o, $event)"\n               [ngClass]="{\'active\': isActive(o)}">\n            <a href="javascript:void(0)" class="dropdown-item">\n              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n\n  <div tabindex="0"\n     *ngIf="multiple === true"\n     (keyup)="mainClick($event)"\n     (focus)="focusToInput(\'\')"\n     [offClick]="clickedOutside"\n     class="ui-select-container ui-select-multiple dropdown form-control open">\n    <div [ngClass]="{\'ui-disabled\': disabled}"></div>\n    <span class="ui-select-match">\n        <span *ngFor="let a of active">\n            <span class="ui-select-match-item btn btn-default btn-secondary btn-xs"\n                  tabindex="-1"\n                  type="button"\n                  [ngClass]="{\'btn-default\': true}">\n               <a class="close"\n                  style="margin-left: 5px; padding: 0;"\n                  (click)="remove(a)">&times;</a>\n               <span>{{a.text}}</span>\n           </span>\n        </span>\n    </span>\n    <input type="text"\n           (keydown)="inputEvent($event)"\n           (keyup)="inputEvent($event, true)"\n           (click)="matchClick($event)"\n           [disabled]="disabled"\n           autocomplete="false"\n           autocorrect="off"\n           autocapitalize="off"\n           spellcheck="false"\n           class="form-control ui-select-search"\n           placeholder="{{active.length <= 0 ? placeholder : \'\'}}"\n           role="combobox">\n     <!-- options template -->\n     <ul *ngIf="optionsOpened && options && options.length > 0 && !firstItemHasChildren"\n          class="ui-select-choices dropdown-menu" role="menu">\n        <li *ngFor="let o of options" role="menuitem">\n          <div class="ui-select-choices-row"\n               [class.active]="isActive(o)"\n               (mouseenter)="selectActive(o)"\n               (click)="selectMatch(o, $event)">\n            <a href="javascript:void(0)" class="dropdown-item">\n              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf="optionsOpened && options && options.length > 0 && firstItemHasChildren"\n          class="ui-select-choices dropdown-menu" role="menu">\n        <li *ngFor="let c of options; let index=index" role="menuitem">\n          <div class="divider dropdown-divider" *ngIf="index > 0"></div>\n          <div class="dropdown-header">{{c.text}}</div>\n  \n          <div *ngFor="let o of c.children"\n               class="ui-select-choices-row"\n               [class.active]="isActive(o)"\n               (mouseenter)="selectActive(o)"\n               (click)="selectMatch(o, $event)"\n               [ngClass]="{\'active\': isActive(o)}">\n            <a href="javascript:void(0)" class="dropdown-item">\n              <div [innerHtml]="sanitize(o.text | highlight:inputValue)"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n  '}]}],SelectComponent.ctorParameters=[{type:core_1.ElementRef},{type:platform_browser_1.DomSanitizer}],SelectComponent.propDecorators={allowClear:[{type:core_1.Input}],placeholder:[{type:core_1.Input}],idField:[{type:core_1.Input}],textField:[{type:core_1.Input}],multiple:[{type:core_1.Input}],items:[{type:core_1.Input}],disabled:[{type:core_1.Input}],active:[{type:core_1.Input}],data:[{type:core_1.Output}],selected:[{type:core_1.Output}],removed:[{type:core_1.Output}],typed:[{type:core_1.Output}]},SelectComponent}();exports.SelectComponent=SelectComponent;var Behavior=function(){function Behavior(actor){this.optionsMap=new Map,this.actor=actor}return Behavior.prototype.fillOptionsMap=function(){var _this=this;this.optionsMap.clear();var startPos=0;this.actor.itemObjects.map(function(item){startPos=item.fillChildrenHash(_this.optionsMap,startPos)})},Behavior.prototype.ensureHighlightVisible=function(optionsMap){void 0===optionsMap&&(optionsMap=void 0);var container=this.actor.element.nativeElement.querySelector(".ui-select-choices-content");if(container){var choices=container.querySelectorAll(".ui-select-choices-row");if(!(choices.length<1)){var activeIndex=this.getActiveIndex(optionsMap);if(!(activeIndex<0)){var highlighted=choices[activeIndex];if(highlighted){var posY=highlighted.offsetTop+highlighted.clientHeight-container.scrollTop,height=container.offsetHeight;posY>height?container.scrollTop+=posY-height:posY<highlighted.clientHeight&&(container.scrollTop-=highlighted.clientHeight-posY)}}}}},Behavior.prototype.getActiveIndex=function(optionsMap){void 0===optionsMap&&(optionsMap=void 0);var ai=this.actor.options.indexOf(this.actor.activeOption);return ai<0&&void 0!==optionsMap&&(ai=optionsMap.get(this.actor.activeOption.id)),ai},Behavior}();exports.Behavior=Behavior;var GenericBehavior=function(_super){function GenericBehavior(actor){_super.call(this,actor)}return __extends(GenericBehavior,_super),GenericBehavior.prototype.first=function(){this.actor.activeOption=this.actor.options[0],_super.prototype.ensureHighlightVisible.call(this)},GenericBehavior.prototype.last=function(){this.actor.activeOption=this.actor.options[this.actor.options.length-1],_super.prototype.ensureHighlightVisible.call(this)},GenericBehavior.prototype.prev=function(){var index=this.actor.options.indexOf(this.actor.activeOption);this.actor.activeOption=this.actor.options[index-1<0?this.actor.options.length-1:index-1],_super.prototype.ensureHighlightVisible.call(this)},GenericBehavior.prototype.next=function(){var index=this.actor.options.indexOf(this.actor.activeOption);this.actor.activeOption=this.actor.options[index+1>this.actor.options.length-1?0:index+1],_super.prototype.ensureHighlightVisible.call(this)},GenericBehavior.prototype.filter=function(query){var _this=this,options=this.actor.itemObjects.filter(function(option){return select_pipes_1.stripTags(option.text).match(query)&&(_this.actor.multiple===!1||_this.actor.multiple===!0&&_this.actor.active.map(function(item){return item.id}).indexOf(option.id)<0)});this.actor.options=options,this.actor.options.length>0&&(this.actor.activeOption=this.actor.options[0],_super.prototype.ensureHighlightVisible.call(this))},GenericBehavior}(Behavior);exports.GenericBehavior=GenericBehavior;var ChildrenBehavior=function(_super){function ChildrenBehavior(actor){_super.call(this,actor)}return __extends(ChildrenBehavior,_super),ChildrenBehavior.prototype.first=function(){this.actor.activeOption=this.actor.options[0].children[0],this.fillOptionsMap(),this.ensureHighlightVisible(this.optionsMap)},ChildrenBehavior.prototype.last=function(){this.actor.activeOption=this.actor.options[this.actor.options.length-1].children[this.actor.options[this.actor.options.length-1].children.length-1],this.fillOptionsMap(),this.ensureHighlightVisible(this.optionsMap)},ChildrenBehavior.prototype.prev=function(){var _this=this,indexParent=this.actor.options.findIndex(function(option){return _this.actor.activeOption.parent&&_this.actor.activeOption.parent.id===option.id}),index=this.actor.options[indexParent].children.findIndex(function(option){return _this.actor.activeOption&&_this.actor.activeOption.id===option.id});this.actor.activeOption=this.actor.options[indexParent].children[index-1],this.actor.activeOption||this.actor.options[indexParent-1]&&(this.actor.activeOption=this.actor.options[indexParent-1].children[this.actor.options[indexParent-1].children.length-1]),this.actor.activeOption||this.last(),this.fillOptionsMap(),this.ensureHighlightVisible(this.optionsMap)},ChildrenBehavior.prototype.next=function(){var _this=this,indexParent=this.actor.options.findIndex(function(option){return _this.actor.activeOption.parent&&_this.actor.activeOption.parent.id===option.id}),index=this.actor.options[indexParent].children.findIndex(function(option){return _this.actor.activeOption&&_this.actor.activeOption.id===option.id});this.actor.activeOption=this.actor.options[indexParent].children[index+1],this.actor.activeOption||this.actor.options[indexParent+1]&&(this.actor.activeOption=this.actor.options[indexParent+1].children[0]),this.actor.activeOption||this.first(),this.fillOptionsMap(),this.ensureHighlightVisible(this.optionsMap)},ChildrenBehavior.prototype.filter=function(query){for(var options=[],optionsMap=new Map,startPos=0,_i=0,_a=this.actor.itemObjects;_i<_a.length;_i++){var si=_a[_i],children=si.children.filter(function(option){return query.test(option.text)});if(startPos=si.fillChildrenHash(optionsMap,startPos),children.length>0){var newSi=si.getSimilar();newSi.children=children,options.push(newSi)}}this.actor.options=options,this.actor.options.length>0&&(this.actor.activeOption=this.actor.options[0].children[0],_super.prototype.ensureHighlightVisible.call(this,optionsMap))},ChildrenBehavior}(Behavior);return exports.ChildrenBehavior=ChildrenBehavior,module.exports}),System.registerDynamic("ng2-select/components/select/common",[],!0,function($__require,exports,module){"use strict";function escapeRegexp(queryToEscape){return queryToEscape.replace(/([.?*+^$[\]\\(){}|-])/g,"\\$1")}this||self;return exports.escapeRegexp=escapeRegexp,module.exports}),System.registerDynamic("ng2-select/components/select/select-pipes",["@angular/core","./common"],!0,function($__require,exports,module){"use strict";function stripTags(input){var tags=/<\/?([a-z][a-z0-9]*)\b[^>]*>/gi,commentsAndPhpTags=/<!--[\s\S]*?-->|<\?(?:php)?[\s\S]*?\?>/gi;return input.replace(commentsAndPhpTags,"").replace(tags,"")}var core_1=(this||self,$__require("@angular/core")),common_1=$__require("./common"),HighlightPipe=function(){function HighlightPipe(){}return HighlightPipe.prototype.transform=function(value,query){if(query.length<1)return value;if(query){var tagRE=new RegExp("<[^<>]*>","ig"),tagList=value.match(tagRE),tmpValue=value.replace(tagRE,"$!$");value=tmpValue.replace(new RegExp(common_1.escapeRegexp(query),"gi"),"<strong>$&</strong>");for(var i=0;value.indexOf("$!$")>-1;i++)value=value.replace("$!$",tagList[i])}return value},HighlightPipe.decorators=[{type:core_1.Pipe,args:[{name:"highlight"}]}],HighlightPipe.ctorParameters=[],HighlightPipe}();return exports.HighlightPipe=HighlightPipe,exports.stripTags=stripTags,module.exports}),System.registerDynamic("ng2-select/components/select/off-click",["@angular/core"],!0,function($__require,exports,module){"use strict";var core_1=(this||self,$__require("@angular/core")),OffClickDirective=function(){function OffClickDirective(){}return OffClickDirective.prototype.onClick=function($event){$event.stopPropagation()},OffClickDirective.prototype.ngOnInit=function(){var _this=this;setTimeout(function(){document.addEventListener("click",_this.offClickHandler)},0)},OffClickDirective.prototype.ngOnDestroy=function(){document.removeEventListener("click",this.offClickHandler)},OffClickDirective.decorators=[{type:core_1.Directive,args:[{selector:"[offClick]"}]}],OffClickDirective.ctorParameters=[],OffClickDirective.propDecorators={offClickHandler:[{type:core_1.Input,args:["offClick"]}],onClick:[{type:core_1.HostListener,args:["click",["$event"]]}]},OffClickDirective}();return exports.OffClickDirective=OffClickDirective,module.exports}),System.registerDynamic("ng2-select/components/select.module",["@angular/core","@angular/common","./select/select","./select/select-pipes","./select/off-click"],!0,function($__require,exports,module){"use strict";var core_1=(this||self,$__require("@angular/core")),common_1=$__require("@angular/common"),select_1=$__require("./select/select"),select_pipes_1=$__require("./select/select-pipes"),off_click_1=$__require("./select/off-click"),SelectModule=function(){function SelectModule(){}return SelectModule.decorators=[{type:core_1.NgModule,args:[{imports:[common_1.CommonModule],declarations:[select_1.SelectComponent,select_pipes_1.HighlightPipe,off_click_1.OffClickDirective],exports:[select_1.SelectComponent,select_pipes_1.HighlightPipe,off_click_1.OffClickDirective]}]}],SelectModule.ctorParameters=[],SelectModule}();return exports.SelectModule=SelectModule,module.exports}),System.registerDynamic("ng2-select/ng2-select",["./components/select/select","./components/select.module"],!0,function($__require,exports,module){"use strict";function __export(m){for(var p in m)exports.hasOwnProperty(p)||(exports[p]=m[p])}this||self;__export($__require("./components/select/select"));var select_module_1=$__require("./components/select.module");return exports.SelectModule=select_module_1.SelectModule,module.exports});
 //# sourceMappingURL=ng2-select.min.js.map

CHANGELOG.md

@@ -0,1 +1,11 @@
+<a name="1.1.2"></a>
+## [1.1.2](https://github.com/valor-software/ng2-select/compare/v1.1.1...v1.1.2) (2016-11-11)
+
+
+### Bug Fixes
+
+* **close:** dropdown by missclick ([#515](https://github.com/valor-software/ng2-select/issues/515)) ([43b4c10](https://github.com/valor-software/ng2-select/commit/43b4c10))
+
+
+
 <a name="1.1.1"></a>
@@ -2,0 +12,0 @@ ## [1.1.1](https://github.com/valor-software/ng2-select/compare/v1.0.3...v1.1.1) (2016-10-18)

components/select/select.js

@@ -309,3 +309,3 @@ "use strict";
                     styles: [styles],
-                    template: "\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === false\"\n     (keyup)=\"mainClick($event)\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container dropdown open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <div class=\"ui-select-match\"\n         *ngIf=\"!inputMode\">\n      <span tabindex=\"-1\"\n          class=\"btn btn-default btn-secondary form-control ui-select-toggle\"\n          (click)=\"matchClick($event)\"\n          style=\"outline: 0;\">\n        <span *ngIf=\"active.length <= 0\" class=\"ui-select-placeholder text-muted\">{{placeholder}}</span>\n        <span *ngIf=\"active.length > 0\" class=\"ui-select-match-text pull-left\"\n              [ngClass]=\"{'ui-select-allow-clear': allowClear && active.length > 0}\"\n              [innerHTML]=\"sanitize(active[0].text)\"></span>\n        <i class=\"dropdown-toggle pull-right\"></i>\n        <i class=\"caret pull-right\"></i>\n        <a *ngIf=\"allowClear && active.length>0\" class=\"btn btn-xs btn-link pull-right\" style=\"margin-right: 10px; padding: 0;\" (click)=\"remove(activeOption)\">\n           <i class=\"glyphicon glyphicon-remove\"></i>\n        </a>\n      </span>\n    </div>\n    <input type=\"text\" autocomplete=\"false\" tabindex=\"-1\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           [disabled]=\"disabled\"\n           class=\"form-control ui-select-search\"\n           *ngIf=\"inputMode\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === true\"\n     (keyup)=\"mainClick($event)\"\n     (focus)=\"focusToInput('')\"\n     class=\"ui-select-container ui-select-multiple dropdown form-control open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <span class=\"ui-select-match\">\n        <span *ngFor=\"let a of active\">\n            <span class=\"ui-select-match-item btn btn-default btn-secondary btn-xs\"\n                  tabindex=\"-1\"\n                  type=\"button\"\n                  [ngClass]=\"{'btn-default': true}\">\n               <a class=\"close\"\n                  style=\"margin-left: 5px; padding: 0;\"\n                  (click)=\"remove(a)\">&times;</a>\n               <span>{{a.text}}</span>\n           </span>\n        </span>\n    </span>\n    <input type=\"text\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           (click)=\"matchClick($event)\"\n           [disabled]=\"disabled\"\n           autocomplete=\"false\"\n           autocorrect=\"off\"\n           autocapitalize=\"off\"\n           spellcheck=\"false\"\n           class=\"form-control ui-select-search\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\"\n           role=\"combobox\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n  "
+                    template: "\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === false\"\n     (keyup)=\"mainClick($event)\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container dropdown open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <div class=\"ui-select-match\"\n         *ngIf=\"!inputMode\">\n      <span tabindex=\"-1\"\n          class=\"btn btn-default btn-secondary form-control ui-select-toggle\"\n          (click)=\"matchClick($event)\"\n          style=\"outline: 0;\">\n        <span *ngIf=\"active.length <= 0\" class=\"ui-select-placeholder text-muted\">{{placeholder}}</span>\n        <span *ngIf=\"active.length > 0\" class=\"ui-select-match-text pull-left\"\n              [ngClass]=\"{'ui-select-allow-clear': allowClear && active.length > 0}\"\n              [innerHTML]=\"sanitize(active[0].text)\"></span>\n        <i class=\"dropdown-toggle pull-right\"></i>\n        <i class=\"caret pull-right\"></i>\n        <a *ngIf=\"allowClear && active.length>0\" class=\"btn btn-xs btn-link pull-right\" style=\"margin-right: 10px; padding: 0;\" (click)=\"remove(activeOption)\">\n           <i class=\"glyphicon glyphicon-remove\"></i>\n        </a>\n      </span>\n    </div>\n    <input type=\"text\" autocomplete=\"false\" tabindex=\"-1\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           [disabled]=\"disabled\"\n           class=\"form-control ui-select-search\"\n           *ngIf=\"inputMode\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === true\"\n     (keyup)=\"mainClick($event)\"\n     (focus)=\"focusToInput('')\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container ui-select-multiple dropdown form-control open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <span class=\"ui-select-match\">\n        <span *ngFor=\"let a of active\">\n            <span class=\"ui-select-match-item btn btn-default btn-secondary btn-xs\"\n                  tabindex=\"-1\"\n                  type=\"button\"\n                  [ngClass]=\"{'btn-default': true}\">\n               <a class=\"close\"\n                  style=\"margin-left: 5px; padding: 0;\"\n                  (click)=\"remove(a)\">&times;</a>\n               <span>{{a.text}}</span>\n           </span>\n        </span>\n    </span>\n    <input type=\"text\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           (click)=\"matchClick($event)\"\n           [disabled]=\"disabled\"\n           autocomplete=\"false\"\n           autocorrect=\"off\"\n           autocapitalize=\"off\"\n           spellcheck=\"false\"\n           class=\"form-control ui-select-search\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\"\n           role=\"combobox\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n  "
                 },] },
@@ -312,0 +312,0 @@ ];

components/select/select.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"SelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-select","styles":["\n  .ui-select-toggle {\n    position: relative;\n  }\n  \n  /* Fix Bootstrap dropdown position when inside a input-group */\n  .input-group > .dropdown {\n    /* Instead of relative */\n    position: static;\n  }\n  \n  .ui-select-match > .btn {\n    /* Instead of center because of .btn */\n    text-align: left !important;\n  }\n  \n  .ui-select-match > .caret {\n    position: absolute;\n    top: 45%;\n    right: 15px;\n  }\n  \n  .ui-disabled {\n    background-color: #eceeef;\n    border-radius: 4px;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 5;\n    opacity: 0.6;\n    top: 0;\n    left: 0;\n    cursor: not-allowed;\n  }\n  \n  .ui-select-choices {\n    width: 100%;\n    height: auto;\n    max-height: 200px;\n    overflow-x: hidden;\n    margin-top: 0;\n  }\n  \n  .ui-select-multiple .ui-select-choices {\n    margin-top: 1px;\n  }\n  .ui-select-choices-row>a {\n      display: block;\n      padding: 3px 20px;\n      clear: both;\n      font-weight: 400;\n      line-height: 1.42857143;\n      color: #333;\n      white-space: nowrap;\n  }\n  .ui-select-choices-row.active>a {\n      color: #fff;\n      text-decoration: none;\n      outline: 0;\n      background-color: #428bca;\n  }\n  \n  .ui-select-multiple {\n    height: auto;\n    padding:3px 3px 0 3px;\n  }\n  \n  .ui-select-multiple input.ui-select-search {\n    background-color: transparent !important; /* To prevent double background when disabled */\n    border: none;\n    outline: none;\n    box-shadow: none;\n    height: 1.6666em;\n    padding: 0;\n    margin-bottom: 3px;\n    \n  }\n  .ui-select-match .close {\n      font-size: 1.6em;\n      line-height: 0.75;\n  }\n  \n  .ui-select-multiple .ui-select-match-item {\n    outline: 0;\n    margin: 0 3px 3px 0;\n  }\n  .ui-select-toggle > .caret {\n      position: absolute;\n      height: 10px;\n      top: 50%;\n      right: 10px;\n      margin-top: -2px;\n  }\n"],"template":"\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === false\"\n     (keyup)=\"mainClick($event)\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container dropdown open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <div class=\"ui-select-match\"\n         *ngIf=\"!inputMode\">\n      <span tabindex=\"-1\"\n          class=\"btn btn-default btn-secondary form-control ui-select-toggle\"\n          (click)=\"matchClick($event)\"\n          style=\"outline: 0;\">\n        <span *ngIf=\"active.length <= 0\" class=\"ui-select-placeholder text-muted\">{{placeholder}}</span>\n        <span *ngIf=\"active.length > 0\" class=\"ui-select-match-text pull-left\"\n              [ngClass]=\"{'ui-select-allow-clear': allowClear && active.length > 0}\"\n              [innerHTML]=\"sanitize(active[0].text)\"></span>\n        <i class=\"dropdown-toggle pull-right\"></i>\n        <i class=\"caret pull-right\"></i>\n        <a *ngIf=\"allowClear && active.length>0\" class=\"btn btn-xs btn-link pull-right\" style=\"margin-right: 10px; padding: 0;\" (click)=\"remove(activeOption)\">\n           <i class=\"glyphicon glyphicon-remove\"></i>\n        </a>\n      </span>\n    </div>\n    <input type=\"text\" autocomplete=\"false\" tabindex=\"-1\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           [disabled]=\"disabled\"\n           class=\"form-control ui-select-search\"\n           *ngIf=\"inputMode\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === true\"\n     (keyup)=\"mainClick($event)\"\n     (focus)=\"focusToInput('')\"\n     class=\"ui-select-container ui-select-multiple dropdown form-control open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <span class=\"ui-select-match\">\n        <span *ngFor=\"let a of active\">\n            <span class=\"ui-select-match-item btn btn-default btn-secondary btn-xs\"\n                  tabindex=\"-1\"\n                  type=\"button\"\n                  [ngClass]=\"{'btn-default': true}\">\n               <a class=\"close\"\n                  style=\"margin-left: 5px; padding: 0;\"\n                  (click)=\"remove(a)\">&times;</a>\n               <span>{{a.text}}</span>\n           </span>\n        </span>\n    </span>\n    <input type=\"text\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           (click)=\"matchClick($event)\"\n           [disabled]=\"disabled\"\n           autocomplete=\"false\"\n           autocorrect=\"off\"\n           autocapitalize=\"off\"\n           spellcheck=\"false\"\n           class=\"form-control ui-select-search\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\"\n           role=\"combobox\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n  "}]}],"members":{"allowClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"idField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"removed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"typed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"}]}],"sanitize":[{"__symbolic":"method"}],"inputEvent":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"doEvent":[{"__symbolic":"method"}],"clickedOutside":[{"__symbolic":"method"}],"matchClick":[{"__symbolic":"method"}],"mainClick":[{"__symbolic":"method"}],"selectActive":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"focusToInput":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"hideOptions":[{"__symbolic":"method"}],"selectActiveMatch":[{"__symbolic":"method"}],"selectMatch":[{"__symbolic":"method"}]}}}}
+{"__symbolic":"module","version":1,"metadata":{"SelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ng-select","styles":["\n  .ui-select-toggle {\n    position: relative;\n  }\n  \n  /* Fix Bootstrap dropdown position when inside a input-group */\n  .input-group > .dropdown {\n    /* Instead of relative */\n    position: static;\n  }\n  \n  .ui-select-match > .btn {\n    /* Instead of center because of .btn */\n    text-align: left !important;\n  }\n  \n  .ui-select-match > .caret {\n    position: absolute;\n    top: 45%;\n    right: 15px;\n  }\n  \n  .ui-disabled {\n    background-color: #eceeef;\n    border-radius: 4px;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    z-index: 5;\n    opacity: 0.6;\n    top: 0;\n    left: 0;\n    cursor: not-allowed;\n  }\n  \n  .ui-select-choices {\n    width: 100%;\n    height: auto;\n    max-height: 200px;\n    overflow-x: hidden;\n    margin-top: 0;\n  }\n  \n  .ui-select-multiple .ui-select-choices {\n    margin-top: 1px;\n  }\n  .ui-select-choices-row>a {\n      display: block;\n      padding: 3px 20px;\n      clear: both;\n      font-weight: 400;\n      line-height: 1.42857143;\n      color: #333;\n      white-space: nowrap;\n  }\n  .ui-select-choices-row.active>a {\n      color: #fff;\n      text-decoration: none;\n      outline: 0;\n      background-color: #428bca;\n  }\n  \n  .ui-select-multiple {\n    height: auto;\n    padding:3px 3px 0 3px;\n  }\n  \n  .ui-select-multiple input.ui-select-search {\n    background-color: transparent !important; /* To prevent double background when disabled */\n    border: none;\n    outline: none;\n    box-shadow: none;\n    height: 1.6666em;\n    padding: 0;\n    margin-bottom: 3px;\n    \n  }\n  .ui-select-match .close {\n      font-size: 1.6em;\n      line-height: 0.75;\n  }\n  \n  .ui-select-multiple .ui-select-match-item {\n    outline: 0;\n    margin: 0 3px 3px 0;\n  }\n  .ui-select-toggle > .caret {\n      position: absolute;\n      height: 10px;\n      top: 50%;\n      right: 10px;\n      margin-top: -2px;\n  }\n"],"template":"\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === false\"\n     (keyup)=\"mainClick($event)\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container dropdown open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <div class=\"ui-select-match\"\n         *ngIf=\"!inputMode\">\n      <span tabindex=\"-1\"\n          class=\"btn btn-default btn-secondary form-control ui-select-toggle\"\n          (click)=\"matchClick($event)\"\n          style=\"outline: 0;\">\n        <span *ngIf=\"active.length <= 0\" class=\"ui-select-placeholder text-muted\">{{placeholder}}</span>\n        <span *ngIf=\"active.length > 0\" class=\"ui-select-match-text pull-left\"\n              [ngClass]=\"{'ui-select-allow-clear': allowClear && active.length > 0}\"\n              [innerHTML]=\"sanitize(active[0].text)\"></span>\n        <i class=\"dropdown-toggle pull-right\"></i>\n        <i class=\"caret pull-right\"></i>\n        <a *ngIf=\"allowClear && active.length>0\" class=\"btn btn-xs btn-link pull-right\" style=\"margin-right: 10px; padding: 0;\" (click)=\"remove(activeOption)\">\n           <i class=\"glyphicon glyphicon-remove\"></i>\n        </a>\n      </span>\n    </div>\n    <input type=\"text\" autocomplete=\"false\" tabindex=\"-1\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           [disabled]=\"disabled\"\n           class=\"form-control ui-select-search\"\n           *ngIf=\"inputMode\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n\n  <div tabindex=\"0\"\n     *ngIf=\"multiple === true\"\n     (keyup)=\"mainClick($event)\"\n     (focus)=\"focusToInput('')\"\n     [offClick]=\"clickedOutside\"\n     class=\"ui-select-container ui-select-multiple dropdown form-control open\">\n    <div [ngClass]=\"{'ui-disabled': disabled}\"></div>\n    <span class=\"ui-select-match\">\n        <span *ngFor=\"let a of active\">\n            <span class=\"ui-select-match-item btn btn-default btn-secondary btn-xs\"\n                  tabindex=\"-1\"\n                  type=\"button\"\n                  [ngClass]=\"{'btn-default': true}\">\n               <a class=\"close\"\n                  style=\"margin-left: 5px; padding: 0;\"\n                  (click)=\"remove(a)\">&times;</a>\n               <span>{{a.text}}</span>\n           </span>\n        </span>\n    </span>\n    <input type=\"text\"\n           (keydown)=\"inputEvent($event)\"\n           (keyup)=\"inputEvent($event, true)\"\n           (click)=\"matchClick($event)\"\n           [disabled]=\"disabled\"\n           autocomplete=\"false\"\n           autocorrect=\"off\"\n           autocapitalize=\"off\"\n           spellcheck=\"false\"\n           class=\"form-control ui-select-search\"\n           placeholder=\"{{active.length <= 0 ? placeholder : ''}}\"\n           role=\"combobox\">\n     <!-- options template -->\n     <ul *ngIf=\"optionsOpened && options && options.length > 0 && !firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let o of options\" role=\"menuitem\">\n          <div class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  \n      <ul *ngIf=\"optionsOpened && options && options.length > 0 && firstItemHasChildren\"\n          class=\"ui-select-choices dropdown-menu\" role=\"menu\">\n        <li *ngFor=\"let c of options; let index=index\" role=\"menuitem\">\n          <div class=\"divider dropdown-divider\" *ngIf=\"index > 0\"></div>\n          <div class=\"dropdown-header\">{{c.text}}</div>\n  \n          <div *ngFor=\"let o of c.children\"\n               class=\"ui-select-choices-row\"\n               [class.active]=\"isActive(o)\"\n               (mouseenter)=\"selectActive(o)\"\n               (click)=\"selectMatch(o, $event)\"\n               [ngClass]=\"{'active': isActive(o)}\">\n            <a href=\"javascript:void(0)\" class=\"dropdown-item\">\n              <div [innerHtml]=\"sanitize(o.text | highlight:inputValue)\"></div>\n            </a>\n          </div>\n        </li>\n      </ul>\n  </div>\n  "}]}],"members":{"allowClear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"idField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"active":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"removed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"typed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer"}]}],"sanitize":[{"__symbolic":"method"}],"inputEvent":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"remove":[{"__symbolic":"method"}],"doEvent":[{"__symbolic":"method"}],"clickedOutside":[{"__symbolic":"method"}],"matchClick":[{"__symbolic":"method"}],"mainClick":[{"__symbolic":"method"}],"selectActive":[{"__symbolic":"method"}],"isActive":[{"__symbolic":"method"}],"focusToInput":[{"__symbolic":"method"}],"open":[{"__symbolic":"method"}],"hideOptions":[{"__symbolic":"method"}],"selectActiveMatch":[{"__symbolic":"method"}],"selectMatch":[{"__symbolic":"method"}]}}}}

package.json

 {
   "name": "ng2-select",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Angular2 based replacement for select boxes",
@@ -5,0 +5,0 @@ "scripts": {

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

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

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

163018

increased by0.28%

No dependency changes