angular2-multiselect-dropdown - npm Package Compare versions

Comparing version 2.9.0 to 2.9.1

angular2-multiselect-dropdown.umd.js

 /**
  * angular2-multiselect-dropdown - Angular 2 and angular 4 multiselect dropdown component.
- * @version v2.9.0
+ * @version v2.9.1
  * @author undefined
@@ -369,3 +369,3 @@ * @link undefined
                 if (this.settings.limitSelection) {
-                    this.selectedItems = value.splice(0, this.settings.limitSelection);
+                    this.selectedItems = value.slice(0, this.settings.limitSelection);
                 }
@@ -372,0 +372,0 @@ else {

angular2-multiselect-dropdown.umd.min.js

 /**
  * angular2-multiselect-dropdown - Angular 2 and angular 4 multiselect dropdown component.
- * @version v2.9.0
+ * @version v2.9.1
  * @author undefined
@@ -8,3 +8,3 @@ * @link undefined
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common","@angular/forms"],t):"object"==typeof exports?exports.ticktock=t(require("@angular/core"),require("@angular/common"),require("@angular/forms")):e.ticktock=t(e.ng.core,e.ng.common,e.ng.forms)}(this,function(e,t,n){return function(e){function t(i){if(n[i])return n[i].exports;var s=n[i]={i:i,l:!1,exports:{}};return e[i].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=12)}([function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-item",template:""}),s("design:paramtypes",[])],e)}();t.Item=r;var l=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-badge",template:""}),s("design:paramtypes",[])],e)}();t.Badge=l;var c=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-search",template:""}),s("design:paramtypes",[])],e)}();t.Search=c;var a=function(){function e(e){this.viewContainer=e}return e.prototype.ngOnInit=function(){this.view=this.viewContainer.createEmbeddedView(this.data.template,{$implicit:this.data,item:this.item})},e.prototype.ngOnDestroy=function(){this.view.destroy()},i([o.Input(),s("design:type",Object)],e.prototype,"data",void 0),i([o.Input(),s("design:type",Object)],e.prototype,"item",void 0),e=i([o.Component({selector:"c-templateRenderer",template:""}),s("design:paramtypes",[o.ViewContainerRef])],e)}();t.TemplateRenderer=a},function(t,n){t.exports=e},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(11),l=n(10),c=n(5),a=n(3),p=n(4),d=n(0);t.DROPDOWN_CONTROL_VALUE_ACCESSOR={provide:r.NG_VALUE_ACCESSOR,useExisting:o.forwardRef(function(){return g}),multi:!0},t.DROPDOWN_CONTROL_VALIDATION={provide:r.NG_VALIDATORS,useExisting:o.forwardRef(function(){return g}),multi:!0};var h=function(){},g=function(){function e(e,t){this._elementRef=e,this.cdr=t,this.onSelect=new o.EventEmitter,this.onDeSelect=new o.EventEmitter,this.onSelectAll=new o.EventEmitter,this.onDeSelectAll=new o.EventEmitter,this.onOpen=new o.EventEmitter,this.onClose=new o.EventEmitter,this.isActive=!1,this.isSelectAll=!1,this.chunkIndex=[],this.cachedItems=[],this.itemHeight=41.6,this.defaultSettings={singleSelection:!1,text:"Select",enableCheckAll:!0,selectAllText:"Select All",unSelectAllText:"UnSelect All",enableSearchFilter:!1,searchBy:[],maxHeight:300,badgeShowLimit:999999999999,classes:"",disabled:!1,searchPlaceholderText:"Search",showCheckbox:!0,noDataLabel:"No Data Available",searchAutofocus:!0,lazyLoading:!1,labelKey:"itemName",primaryKey:"id",position:"bottom"},this.onTouchedCallback=h,this.onChangeCallback=h}return e.prototype.ngOnInit=function(){var e=this;this.settings=Object.assign(this.defaultSettings,this.settings),this.settings.groupBy&&(this.groupedData=this.transformData(this.data,this.settings.groupBy)),this.totalRows=this.data&&this.data.length,this.cachedItems=this.data,this.screenItemsLen=Math.ceil(this.settings.maxHeight/this.itemHeight),this.cachedItemsLen=3*this.screenItemsLen,this.totalHeight=this.itemHeight*this.totalRows,this.maxBuffer=this.screenItemsLen*this.itemHeight,this.lastScrolled=0,this.renderChunk(0,this.cachedItemsLen/2),"top"==this.settings.position&&setTimeout(function(){e.selectedListHeight={val:0},e.selectedListHeight.val=e.selectedListElem.nativeElement.clientHeight})},e.prototype.ngOnChanges=function(e){e.data&&!e.data.firstChange&&this.settings.groupBy&&(this.groupedData=this.transformData(this.data,this.settings.groupBy),0==this.data.length&&(this.selectedItems=[])),e.settings&&!e.settings.firstChange&&(this.settings=Object.assign(this.defaultSettings,this.settings))},e.prototype.ngDoCheck=function(){this.selectedItems&&(0==this.selectedItems.length||0==this.data.length||this.selectedItems.length<this.data.length)&&(this.isSelectAll=!1)},e.prototype.ngAfterViewInit=function(){this.settings.lazyLoading&&this._elementRef.nativeElement.getElementsByClassName("lazyContainer")[0].addEventListener("scroll",this.onScroll.bind(this))},e.prototype.ngAfterViewChecked=function(){this.selectedListElem.nativeElement.clientHeight&&"top"==this.settings.position&&this.selectedListHeight&&(this.selectedListHeight.val=this.selectedListElem.nativeElement.clientHeight,this.cdr.detectChanges())},e.prototype.onItemClick=function(e,t,n){if(this.settings.disabled)return!1;var i=this.isSelected(e),s=this.selectedItems.length<this.settings.limitSelection;i?(this.removeSelected(e),this.onDeSelect.emit(e)):this.settings.limitSelection?s&&(this.addSelected(e),this.onSelect.emit(e)):(this.addSelected(e),this.onSelect.emit(e)),(this.isSelectAll||this.data.length>this.selectedItems.length)&&(this.isSelectAll=!1),this.data.length==this.selectedItems.length&&(this.isSelectAll=!0)},e.prototype.validate=function(e){return null},e.prototype.writeValue=function(e){if(void 0!==e&&null!==e)if(this.settings.singleSelection)try{if(e.length>1)throw this.selectedItems=[e[0]],new c.MyException(404,{msg:"Single Selection Mode, Selected Items cannot have more than one item."});this.selectedItems=e}catch(e){console.error(e.body.msg)}else this.settings.limitSelection?this.selectedItems=e.splice(0,this.settings.limitSelection):this.selectedItems=e,this.selectedItems.length===this.data.length&&this.data.length>0&&(this.isSelectAll=!0);else this.selectedItems=[]},e.prototype.registerOnChange=function(e){this.onChangeCallback=e},e.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},e.prototype.trackByFn=function(e,t){return t[this.settings.primaryKey]},e.prototype.isSelected=function(e){var t=this,n=!1;return this.selectedItems&&this.selectedItems.forEach(function(i){e[t.settings.primaryKey]===i[t.settings.primaryKey]&&(n=!0)}),n},e.prototype.addSelected=function(e){this.settings.singleSelection?(this.selectedItems=[],this.selectedItems.push(e),this.closeDropdown()):this.selectedItems.push(e),this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems)},e.prototype.removeSelected=function(e){var t=this;this.selectedItems&&this.selectedItems.forEach(function(n){e[t.settings.primaryKey]===n[t.settings.primaryKey]&&t.selectedItems.splice(t.selectedItems.indexOf(n),1)}),this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems)},e.prototype.toggleDropdown=function(e){var t=this;if(this.settings.disabled)return!1;this.isActive=!this.isActive,this.isActive?(this.settings.searchAutofocus&&this.settings.enableSearchFilter&&!this.searchTempl&&setTimeout(function(){t.searchInput.nativeElement.focus()},0),this.onOpen.emit(!0)):this.onClose.emit(!1),e.preventDefault()},e.prototype.closeDropdown=function(){this.searchInput&&this.settings.lazyLoading&&(this.searchInput.nativeElement.value="",this.data=[],this.data=this.cachedItems,this.totalHeight=this.itemHeight*this.data.length,this.totalRows=this.data.length,this.updateView(this.scrollTop)),this.searchInput&&(this.searchInput.nativeElement.value=""),this.filter="",this.isActive=!1,this.onClose.emit(!1)},e.prototype.toggleSelectAll=function(){this.isSelectAll?(this.selectedItems=[],this.isSelectAll=!1,this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems),this.onDeSelectAll.emit(this.selectedItems)):(this.selectedItems=[],this.selectedItems=this.data.slice(),this.isSelectAll=!0,this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems),this.onSelectAll.emit(this.selectedItems))},e.prototype.transformData=function(e,t){var n=e.reduce(function(e,n){return e[n[t]]?e[n[t]].push(n):e[n[t]]=[n],e},{}),i=[];return Object.keys(n).map(function(e){i.push({key:e,value:n[e]})}),i},e.prototype.renderChunk=function(e,t){this.chunkArray=[],this.chunkIndex=[];var n=e+t;n>this.totalRows&&(n=this.totalRows);for(var i=e;i<n;i++)this.chunkIndex.push(i*this.itemHeight+"px"),this.chunkArray.push(this.data[i])},e.prototype.onScroll=function(e){this.scrollTop=e.target.scrollTop,this.updateView(this.scrollTop)},e.prototype.updateView=function(e){var t=e||0,n=t/this.itemHeight-this.screenItemsLen,i=""+n;n=parseInt(i)<0?0:parseInt(i),this.renderChunk(n,this.cachedItemsLen),this.lastRepaintY=t},e.prototype.filterInfiniteList=function(e){var t=[];this.data=this.cachedItems.slice(),""!=e.target.value.toString()?(this.data.filter(function(n){for(var i in n)if(n[i].toString().toLowerCase().indexOf(e.target.value.toString().toLowerCase())>=0){t.push(n);break}}),this.totalHeight=this.itemHeight*t.length,this.totalRows=t.length,this.data=[],this.data=t,this.updateView(this.scrollTop)):""==e.target.value.toString()&&this.cachedItems.length>0&&(this.data=[],this.data=this.cachedItems,this.totalHeight=this.itemHeight*this.data.length,this.totalRows=this.data.length,this.updateView(this.scrollTop))},i([o.Input(),s("design:type",Array)],e.prototype,"data",void 0),i([o.Input(),s("design:type",Object)],e.prototype,"settings",void 0),i([o.Output("onSelect"),s("design:type",o.EventEmitter)],e.prototype,"onSelect",void 0),i([o.Output("onDeSelect"),s("design:type",o.EventEmitter)],e.prototype,"onDeSelect",void 0),i([o.Output("onSelectAll"),s("design:type",o.EventEmitter)],e.prototype,"onSelectAll",void 0),i([o.Output("onDeSelectAll"),s("design:type",o.EventEmitter)],e.prototype,"onDeSelectAll",void 0),i([o.Output("onOpen"),s("design:type",o.EventEmitter)],e.prototype,"onOpen",void 0),i([o.Output("onClose"),s("design:type",o.EventEmitter)],e.prototype,"onClose",void 0),i([o.ContentChild(d.Item),s("design:type",d.Item)],e.prototype,"itemTempl",void 0),i([o.ContentChild(d.Badge),s("design:type",d.Badge)],e.prototype,"badgeTempl",void 0),i([o.ContentChild(d.Search),s("design:type",d.Search)],e.prototype,"searchTempl",void 0),i([o.ViewChild("searchInput"),s("design:type",o.ElementRef)],e.prototype,"searchInput",void 0),i([o.ViewChild("selectedList"),s("design:type",o.ElementRef)],e.prototype,"selectedListElem",void 0),e=i([o.Component({selector:"angular2-multiselect",template:n(8),host:{"[class]":"defaultSettings.classes"},styles:[n(9)],providers:[t.DROPDOWN_CONTROL_VALUE_ACCESSOR,t.DROPDOWN_CONTROL_VALIDATION]}),s("design:paramtypes",[o.ElementRef,o.ChangeDetectorRef])],e)}();t.AngularMultiSelect=g;var u=function(){function e(){}return e=i([o.NgModule({imports:[l.CommonModule,r.FormsModule],declarations:[g,a.ClickOutsideDirective,a.ScrollDirective,a.styleDirective,p.ListFilterPipe,d.Item,d.TemplateRenderer,d.Badge,d.Search,a.setPosition],exports:[g,a.ClickOutsideDirective,a.ScrollDirective,a.styleDirective,p.ListFilterPipe,d.Item,d.TemplateRenderer,d.Badge,d.Search,a.setPosition]})],e)}();t.AngularMultiSelectModule=u},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(){function e(e){this._elementRef=e,this.clickOutside=new o.EventEmitter}return e.prototype.onClick=function(e,t){if(t){this._elementRef.nativeElement.contains(t)||this.clickOutside.emit(e)}},i([o.Output(),s("design:type",Object)],e.prototype,"clickOutside",void 0),i([o.HostListener("document:click",["$event","$event.target"]),o.HostListener("document:touchstart",["$event","$event.target"]),s("design:type",Function),s("design:paramtypes",[MouseEvent,HTMLElement]),s("design:returntype",void 0)],e.prototype,"onClick",null),e=i([o.Directive({selector:"[clickOutside]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.ClickOutsideDirective=r;var l=function(){function e(e){this._elementRef=e,this.scroll=new o.EventEmitter}return e.prototype.onClick=function(e,t){this.scroll.emit(e)},i([o.Output(),s("design:type",Object)],e.prototype,"scroll",void 0),i([o.HostListener("scroll",["$event"]),s("design:type",Function),s("design:paramtypes",[MouseEvent,HTMLElement]),s("design:returntype",void 0)],e.prototype,"onClick",null),e=i([o.Directive({selector:"[scroll]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.ScrollDirective=l;var c=function(){function e(e){this.el=e}return e.prototype.ngOnInit=function(){this.el.nativeElement.style.top=this.styleVal},e.prototype.ngOnChanges=function(){this.el.nativeElement.style.top=this.styleVal},i([o.Input("styleProp"),s("design:type",Number)],e.prototype,"styleVal",void 0),e=i([o.Directive({selector:"[styleProp]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.styleDirective=c;var a=function(){function e(e){this.el=e}return e.prototype.ngOnInit=function(){this.height&&(this.el.nativeElement.style.bottom=parseInt(this.height+15+"")+"px")},e.prototype.ngOnChanges=function(){this.height&&(this.el.nativeElement.style.bottom=parseInt(this.height+15+"")+"px")},i([o.Input("setPosition"),s("design:type",Number)],e.prototype,"height",void 0),e=i([o.Directive({selector:"[setPosition]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.setPosition=a},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r};Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=function(){function e(){}return e.prototype.transform=function(e,t,n){var i=this;return e&&t?e.filter(function(e){return i.applyFilter(e,t,n)}):e},e.prototype.applyFilter=function(e,t,n){var i=!1;if(n.length>0)for(var s=0;s<n.length;s++)t&&e[n[s]]&&""!=e[n[s]]&&e[n[s]].toString().toLowerCase().indexOf(t.toLowerCase())>=0&&(i=!0);else for(var o in e)t&&e[o]&&e[o].toString().toLowerCase().indexOf(t.toLowerCase())>=0&&(i=!0);return i},e=i([s.Pipe({name:"listFilter",pure:!1})],e)}();t.ListFilterPipe=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){this.status=e,this.body=t}return e}();t.MyException=i},function(e,t,n){t=e.exports=n(7)(void 0),t.push([e.i,'.cuppa-dropdown {\n  position: relative; }\n\n.c-btn {\n  display: inline-block;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  font-size: 14px;\n  color: #333; }\n\n.c-btn.disabled {\n  background: #ccc; }\n\n.c-btn:focus {\n  outline: none; }\n\n.selected-list .c-list {\n  float: left;\n  padding: 0px;\n  margin: 0px;\n  width: calc(100% - 20px); }\n  .selected-list .c-list .c-token {\n    list-style: none;\n    padding: 2px 8px;\n    background: #0079FE;\n    color: #fff;\n    border-radius: 2px;\n    margin-right: 4px;\n    margin-top: 2px;\n    float: left;\n    position: relative;\n    padding-right: 25px; }\n    .selected-list .c-list .c-token .c-label {\n      display: block;\n      float: left; }\n    .selected-list .c-list .c-token .c-remove {\n      position: absolute;\n      right: 8px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 10px; }\n      .selected-list .c-list .c-token .c-remove svg {\n        fill: #fff; }\n\n.selected-list .fa-angle-down, .selected-list .fa-angle-up {\n  font-size: 15pt;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-angle-down, .selected-list .c-angle-up {\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none; }\n  .selected-list .c-angle-down svg, .selected-list .c-angle-up svg {\n    fill: #333; }\n\n.selected-list .countplaceholder {\n  position: absolute;\n  right: 30px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-btn {\n  width: 100%;\n  box-shadow: 0px 1px 5px #959595;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n  position: relative; }\n  .selected-list .c-btn .c-icon {\n    position: absolute;\n    right: 5px;\n    top: 50%;\n    transform: translateY(-50%); }\n\n.dropdown-list {\n  position: absolute;\n  padding-top: 14px;\n  width: 100%;\n  z-index: 9999; }\n  .dropdown-list ul {\n    padding: 0px;\n    list-style: none;\n    overflow: auto;\n    margin: 0px; }\n    .dropdown-list ul li {\n      padding: 10px 10px;\n      cursor: pointer;\n      text-align: left; }\n    .dropdown-list ul li:first-child {\n      padding-top: 10px; }\n    .dropdown-list ul li:last-child {\n      padding-bottom: 10px; }\n    .dropdown-list ul li:hover {\n      background: #f5f5f5; }\n  .dropdown-list ::-webkit-scrollbar {\n    width: 8px; }\n  .dropdown-list ::-webkit-scrollbar-thumb {\n    background: #cccccc;\n    border-radius: 5px; }\n  .dropdown-list ::-webkit-scrollbar-track {\n    background: #f2f2f2; }\n\n.arrow-up, .arrow-down {\n  width: 0;\n  height: 0;\n  border-left: 13px solid transparent;\n  border-right: 13px solid transparent;\n  border-bottom: 15px solid #fff;\n  margin-left: 15px;\n  position: absolute;\n  top: 0; }\n\n.arrow-down {\n  bottom: -14px;\n  top: unset;\n  transform: rotate(180deg); }\n\n.arrow-2 {\n  border-bottom: 15px solid #ccc;\n  top: -1px; }\n\n.arrow-down.arrow-2 {\n  top: unset;\n  bottom: -16px; }\n\n.list-area {\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  background: #fff;\n  margin: 0px;\n  box-shadow: 0px 1px 5px #959595; }\n\n.select-all {\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n  text-align: left; }\n\n.list-filter {\n  border-bottom: 1px solid #ccc;\n  position: relative;\n  padding-left: 35px;\n  height: 35px; }\n  .list-filter input {\n    border: 0px;\n    width: 100%;\n    height: 100%;\n    padding: 0px; }\n  .list-filter input:focus {\n    outline: none; }\n  .list-filter .c-search {\n    position: absolute;\n    top: 9px;\n    left: 10px;\n    width: 15px;\n    height: 15px; }\n    .list-filter .c-search svg {\n      fill: #888; }\n\n.pure-checkbox input[type="checkbox"] {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n.pure-checkbox input[type="checkbox"]:focus + label:before,\n.pure-checkbox input[type="checkbox"]:hover + label:before {\n  border-color: #0079FE;\n  background-color: #f2f2f2; }\n\n.pure-checkbox input[type="checkbox"]:active + label:before {\n  transition-duration: 0s; }\n\n.pure-checkbox input[type="checkbox"] + label {\n  position: relative;\n  padding-left: 2em;\n  vertical-align: middle;\n  user-select: none;\n  cursor: pointer;\n  margin: 0px;\n  color: #000;\n  font-weight: 300; }\n\n.pure-checkbox input[type="checkbox"] + label:before {\n  box-sizing: content-box;\n  content: \'\';\n  color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 14px;\n  height: 14px;\n  margin-top: -9px;\n  border: 2px solid #0079FE;\n  text-align: center;\n  transition: all 0.4s ease; }\n\n.pure-checkbox input[type="checkbox"] + label:after {\n  box-sizing: content-box;\n  content: \'\';\n  background-color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 4px;\n  width: 10px;\n  height: 10px;\n  margin-top: -5px;\n  transform: scale(0);\n  transform-origin: 50%;\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type="checkbox"]:disabled + label:before {\n  border-color: #cccccc; }\n\n.pure-checkbox input[type="checkbox"]:disabled:focus + label:before\n.pure-checkbox input[type="checkbox"]:disabled:hover + label:before {\n  background-color: inherit; }\n\n.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {\n  background-color: #cccccc; }\n\n.pure-checkbox input[type="checkbox"] + label:after {\n  background-color: transparent;\n  top: 50%;\n  left: 4px;\n  width: 8px;\n  height: 3px;\n  margin-top: -4px;\n  border-style: solid;\n  border-color: #ffffff;\n  border-width: 0 0 3px 3px;\n  border-image: none;\n  transform: rotate(-45deg) scale(0); }\n\n.pure-checkbox input[type="checkbox"]:checked + label:after {\n  content: \'\';\n  transform: rotate(-45deg) scale(1);\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type="radio"]:checked + label:before {\n  background-color: white; }\n\n.pure-checkbox input[type="radio"]:checked + label:after {\n  transform: scale(1); }\n\n.pure-checkbox input[type="radio"] + label:before {\n  border-radius: 50%; }\n\n.pure-checkbox input[type="checkbox"]:checked + label:before {\n  background: #0079FE; }\n\n.pure-checkbox input[type="checkbox"]:checked + label:after {\n  transform: rotate(-45deg) scale(1); }\n\n.list-message {\n  text-align: center;\n  margin: 0px;\n  padding: 15px 0px;\n  font-size: initial; }\n\n.list-grp {\n  padding: 0 15px !important; }\n\n.list-grp h4 {\n  text-transform: capitalize;\n  margin: 15px 0px 0px 0px;\n  font-size: 14px;\n  font-weight: 700; }\n\n.list-grp > li {\n  padding-left: 15px !important; }\n',""])},function(e,t){function n(e,t){var n=e[1]||"",s=e[3];if(!s)return n;if(t&&"function"==typeof btoa){var o=i(s);return[n].concat(s.sources.map(function(e){return"/*# sourceURL="+s.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i=n(t,e);return t[2]?"@media "+t[2]+"{"+i+"}":i}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},s=0;s<this.length;s++){var o=this[s][0];"number"==typeof o&&(i[o]=!0)}for(s=0;s<e.length;s++){var r=e[s];"number"==typeof r[0]&&i[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]="("+r[2]+") and ("+n+")"),t.push(r))}},t}},function(e,t){e.exports='<div class="cuppa-dropdown" (clickOutside)="closeDropdown()">\r\n    <div class="selected-list" #selectedList>\r\n        <div class="c-btn" (click)="toggleDropdown($event)" [ngClass]="{\'disabled\': settings.disabled}">\r\n            <span *ngIf="selectedItems?.length == 0">{{settings.text}}</span>\r\n            <span *ngIf="settings.singleSelection">\r\n                <span *ngFor="let item of selectedItems;trackBy: trackByFn.bind(this);">\r\n                    {{item[settings.labelKey]}}\r\n                </span>\r\n            </span>\r\n            <div class="c-list" *ngIf="selectedItems?.length > 0 && !settings.singleSelection">\r\n                <div class="c-token" *ngFor="let item of selectedItems;trackBy: trackByFn.bind(this);let k = index" [hidden]="k > settings.badgeShowLimit-1">\r\n                    <span *ngIf="!badgeTempl" class="c-label">{{item[settings.labelKey]}}</span>\r\n                    <span *ngIf="badgeTempl" class="c-label">\r\n                        <c-templateRenderer [data]="badgeTempl" [item]="item"></c-templateRenderer>\r\n                    </span>\r\n                    <span class="c-remove" (click)="onItemClick(item,k,$event)">\r\n                        <svg width="100%" height="100%" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t viewBox="0 0 47.971 47.971" style="enable-background:new 0 0 47.971 47.971;" xml:space="preserve">\r\n<g>\r\n\t<path d="M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88\r\n\t\tc-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242\r\n\t\tC1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879\r\n\t\ts1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z"/>\r\n</g>\r\n</svg>\r\n\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <span class="countplaceholder" *ngIf="selectedItems?.length > settings.badgeShowLimit">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\r\n            \x3c!--            <span class="fa" [ngClass]="{\'c-angle-down\': !isActive,\'fa-angle-up\':isActive}"></span>\r\n--\x3e<span *ngIf="!isActive" class="c-angle-down">\r\n                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">\r\n<g>\r\n\t<g id="_x31_0_34_">\r\n\t\t<g>\r\n\t\t\t<path d="M604.501,134.782c-9.999-10.05-26.222-10.05-36.221,0L306.014,422.558L43.721,134.782\r\n\t\t\t\tc-9.999-10.05-26.223-10.05-36.222,0s-9.999,26.35,0,36.399l279.103,306.241c5.331,5.357,12.422,7.652,19.386,7.296\r\n\t\t\t\tc6.988,0.356,14.055-1.939,19.386-7.296l279.128-306.268C614.5,161.106,614.5,144.832,604.501,134.782z"/>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n</svg>\r\n\r\n            </span>\r\n            <span *ngIf="isActive" class="c-angle-up">\r\n                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">\r\n<g>\r\n\t<g id="_x39__30_">\r\n\t\t<g>\r\n\t\t\t<path d="M604.501,440.509L325.398,134.956c-5.331-5.357-12.423-7.627-19.386-7.27c-6.989-0.357-14.056,1.913-19.387,7.27\r\n\t\t\t\tL7.499,440.509c-9.999,10.024-9.999,26.298,0,36.323s26.223,10.024,36.222,0l262.293-287.164L568.28,476.832\r\n\t\t\t\tc9.999,10.024,26.222,10.024,36.221,0C614.5,466.809,614.5,450.534,604.501,440.509z"/>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n\r\n</svg>\r\n\r\n            </span>\r\n        </div>\r\n    </div>\r\n    <div [setPosition]="selectedListHeight?.val" class="dropdown-list" [ngClass]="{\'dropdown-list-top\': settings.position == \'top\'}"\r\n        [hidden]="!isActive">\r\n        <div [ngClass]="{\'arrow-up\': settings.position == \'bottom\', \'arrow-down\': settings.position == \'top\'}" class="arrow-2"></div>\r\n        <div [ngClass]="{\'arrow-up\': settings.position == \'bottom\', \'arrow-down\': settings.position == \'top\'}"></div>\r\n        <div class="list-area">\r\n            <div class="pure-checkbox select-all" *ngIf="settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection"\r\n                (click)="toggleSelectAll()">\r\n                <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelectAll" [disabled]="settings.limitSelection == selectedItems?.length"\r\n                />\r\n                <label>\r\n                <span [hidden]="isSelectAll">{{settings.selectAllText}}</span>\r\n                <span [hidden]="!isSelectAll">{{settings.unSelectAllText}}</span>\r\n            </label>\r\n            </div>\r\n            <div class="list-filter" *ngIf="settings.enableSearchFilter">\r\n                <span class="c-search">\r\n                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 615.52 615.52" style="enable-background:new 0 0 615.52 615.52;"\r\n\t xml:space="preserve">\r\n<g>\r\n\t<g>\r\n\t\t<g id="Search__x28_and_thou_shall_find_x29_">\r\n\t\t\t<g>\r\n\t\t\t\t<path d="M602.531,549.736l-184.31-185.368c26.679-37.72,42.528-83.729,42.528-133.548C460.75,103.35,357.997,0,231.258,0\r\n\t\t\t\t\tC104.518,0,1.765,103.35,1.765,230.82c0,127.47,102.753,230.82,229.493,230.82c49.53,0,95.271-15.944,132.78-42.777\r\n\t\t\t\t\tl184.31,185.366c7.482,7.521,17.292,11.291,27.102,11.291c9.812,0,19.62-3.77,27.083-11.291\r\n\t\t\t\t\tC617.496,589.188,617.496,564.777,602.531,549.736z M355.9,319.763l-15.042,21.273L319.7,356.174\r\n\t\t\t\t\tc-26.083,18.658-56.667,28.526-88.442,28.526c-84.365,0-152.995-69.035-152.995-153.88c0-84.846,68.63-153.88,152.995-153.88\r\n\t\t\t\t\ts152.996,69.034,152.996,153.88C384.271,262.769,374.462,293.526,355.9,319.763z"/>\r\n\t\t\t</g>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n\r\n</svg>\r\n\r\n                </span>\r\n                <input class="c-input" *ngIf="!settings.lazyLoading && !searchTempl" #searchInput type="text" [placeholder]="settings.searchPlaceholderText"\r\n                    [(ngModel)]="filter">\r\n                <input class="c-input" *ngIf="settings.lazyLoading && !searchTempl" #searchInput type="text" [placeholder]="settings.searchPlaceholderText"\r\n                    (keyup)="filterInfiniteList($event)">\r\n                <c-templateRenderer *ngIf="searchTempl" [data]="searchTempl" [item]="item"></c-templateRenderer>\r\n            </div>\r\n            <ul *ngIf="!settings.groupBy" [style.maxHeight]="settings.maxHeight+\'px\'" class="lazyContainer">\r\n                <span *ngIf="itemTempl">\r\n            <li *ngFor="let item of data | listFilter: filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label></label>\r\n            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>\r\n        </li>\r\n        </span>\r\n                <span *ngIf="!itemTempl && !settings.lazyLoading">\r\n        <li *ngFor="let item of data | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </span>\r\n                <span *ngIf="!itemTempl && settings.lazyLoading">\r\n            <div [ngStyle]="{\'height\':totalHeight+\'px\'}" style="position: relative;">\r\n\r\n            \r\n        <li *ngFor="let item of chunkArray | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" style="position: absolute;width: 100%;" class="pure-checkbox" [styleProp]="chunkIndex[i]">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </div>\r\n        </span>\r\n            </ul>\r\n            <div *ngIf="settings.groupBy" [style.maxHeight]="settings.maxHeight+\'px\'" style="overflow: auto;">\r\n                <ul *ngFor="let obj of groupedData ; let i = index;" class="list-grp">\r\n                    <h4 *ngIf="(obj.value | listFilter:filter : settings.searchBy ).length > 0">{{obj.key}}</h4>\r\n                    <span *ngIf="itemTempl">\r\n        <li *ngFor="let item of obj.value | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label></label>\r\n            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>\r\n        </li>\r\n        </span>\r\n                    <span *ngIf="!itemTempl">\r\n        <li *ngFor="let item of obj.value | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </span>\r\n                </ul>\r\n            </div>\r\n            <h5 class="list-message" *ngIf="data?.length == 0">{{settings.noDataLabel}}</h5>\r\n        </div>\r\n    </div>\r\n</div>'},function(e,t,n){var i=n(6);e.exports="string"==typeof i?i:i.toString()},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.AngularMultiSelect=i.AngularMultiSelect;var s=n(3);t.ClickOutsideDirective=s.ClickOutsideDirective;var o=n(4);t.ListFilterPipe=o.ListFilterPipe;var r=n(0);t.Item=r.Item;var l=n(0);t.TemplateRenderer=l.TemplateRenderer;var c=n(2);t.AngularMultiSelectModule=c.AngularMultiSelectModule}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common","@angular/forms"],t):"object"==typeof exports?exports.ticktock=t(require("@angular/core"),require("@angular/common"),require("@angular/forms")):e.ticktock=t(e.ng.core,e.ng.common,e.ng.forms)}(this,function(e,t,n){return function(e){function t(i){if(n[i])return n[i].exports;var s=n[i]={i:i,l:!1,exports:{}};return e[i].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=12)}([function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-item",template:""}),s("design:paramtypes",[])],e)}();t.Item=r;var l=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-badge",template:""}),s("design:paramtypes",[])],e)}();t.Badge=l;var c=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-search",template:""}),s("design:paramtypes",[])],e)}();t.Search=c;var a=function(){function e(e){this.viewContainer=e}return e.prototype.ngOnInit=function(){this.view=this.viewContainer.createEmbeddedView(this.data.template,{$implicit:this.data,item:this.item})},e.prototype.ngOnDestroy=function(){this.view.destroy()},i([o.Input(),s("design:type",Object)],e.prototype,"data",void 0),i([o.Input(),s("design:type",Object)],e.prototype,"item",void 0),e=i([o.Component({selector:"c-templateRenderer",template:""}),s("design:paramtypes",[o.ViewContainerRef])],e)}();t.TemplateRenderer=a},function(t,n){t.exports=e},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(11),l=n(10),c=n(5),a=n(3),p=n(4),d=n(0);t.DROPDOWN_CONTROL_VALUE_ACCESSOR={provide:r.NG_VALUE_ACCESSOR,useExisting:o.forwardRef(function(){return g}),multi:!0},t.DROPDOWN_CONTROL_VALIDATION={provide:r.NG_VALIDATORS,useExisting:o.forwardRef(function(){return g}),multi:!0};var h=function(){},g=function(){function e(e,t){this._elementRef=e,this.cdr=t,this.onSelect=new o.EventEmitter,this.onDeSelect=new o.EventEmitter,this.onSelectAll=new o.EventEmitter,this.onDeSelectAll=new o.EventEmitter,this.onOpen=new o.EventEmitter,this.onClose=new o.EventEmitter,this.isActive=!1,this.isSelectAll=!1,this.chunkIndex=[],this.cachedItems=[],this.itemHeight=41.6,this.defaultSettings={singleSelection:!1,text:"Select",enableCheckAll:!0,selectAllText:"Select All",unSelectAllText:"UnSelect All",enableSearchFilter:!1,searchBy:[],maxHeight:300,badgeShowLimit:999999999999,classes:"",disabled:!1,searchPlaceholderText:"Search",showCheckbox:!0,noDataLabel:"No Data Available",searchAutofocus:!0,lazyLoading:!1,labelKey:"itemName",primaryKey:"id",position:"bottom"},this.onTouchedCallback=h,this.onChangeCallback=h}return e.prototype.ngOnInit=function(){var e=this;this.settings=Object.assign(this.defaultSettings,this.settings),this.settings.groupBy&&(this.groupedData=this.transformData(this.data,this.settings.groupBy)),this.totalRows=this.data&&this.data.length,this.cachedItems=this.data,this.screenItemsLen=Math.ceil(this.settings.maxHeight/this.itemHeight),this.cachedItemsLen=3*this.screenItemsLen,this.totalHeight=this.itemHeight*this.totalRows,this.maxBuffer=this.screenItemsLen*this.itemHeight,this.lastScrolled=0,this.renderChunk(0,this.cachedItemsLen/2),"top"==this.settings.position&&setTimeout(function(){e.selectedListHeight={val:0},e.selectedListHeight.val=e.selectedListElem.nativeElement.clientHeight})},e.prototype.ngOnChanges=function(e){e.data&&!e.data.firstChange&&this.settings.groupBy&&(this.groupedData=this.transformData(this.data,this.settings.groupBy),0==this.data.length&&(this.selectedItems=[])),e.settings&&!e.settings.firstChange&&(this.settings=Object.assign(this.defaultSettings,this.settings))},e.prototype.ngDoCheck=function(){this.selectedItems&&(0==this.selectedItems.length||0==this.data.length||this.selectedItems.length<this.data.length)&&(this.isSelectAll=!1)},e.prototype.ngAfterViewInit=function(){this.settings.lazyLoading&&this._elementRef.nativeElement.getElementsByClassName("lazyContainer")[0].addEventListener("scroll",this.onScroll.bind(this))},e.prototype.ngAfterViewChecked=function(){this.selectedListElem.nativeElement.clientHeight&&"top"==this.settings.position&&this.selectedListHeight&&(this.selectedListHeight.val=this.selectedListElem.nativeElement.clientHeight,this.cdr.detectChanges())},e.prototype.onItemClick=function(e,t,n){if(this.settings.disabled)return!1;var i=this.isSelected(e),s=this.selectedItems.length<this.settings.limitSelection;i?(this.removeSelected(e),this.onDeSelect.emit(e)):this.settings.limitSelection?s&&(this.addSelected(e),this.onSelect.emit(e)):(this.addSelected(e),this.onSelect.emit(e)),(this.isSelectAll||this.data.length>this.selectedItems.length)&&(this.isSelectAll=!1),this.data.length==this.selectedItems.length&&(this.isSelectAll=!0)},e.prototype.validate=function(e){return null},e.prototype.writeValue=function(e){if(void 0!==e&&null!==e)if(this.settings.singleSelection)try{if(e.length>1)throw this.selectedItems=[e[0]],new c.MyException(404,{msg:"Single Selection Mode, Selected Items cannot have more than one item."});this.selectedItems=e}catch(e){console.error(e.body.msg)}else this.settings.limitSelection?this.selectedItems=e.slice(0,this.settings.limitSelection):this.selectedItems=e,this.selectedItems.length===this.data.length&&this.data.length>0&&(this.isSelectAll=!0);else this.selectedItems=[]},e.prototype.registerOnChange=function(e){this.onChangeCallback=e},e.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},e.prototype.trackByFn=function(e,t){return t[this.settings.primaryKey]},e.prototype.isSelected=function(e){var t=this,n=!1;return this.selectedItems&&this.selectedItems.forEach(function(i){e[t.settings.primaryKey]===i[t.settings.primaryKey]&&(n=!0)}),n},e.prototype.addSelected=function(e){this.settings.singleSelection?(this.selectedItems=[],this.selectedItems.push(e),this.closeDropdown()):this.selectedItems.push(e),this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems)},e.prototype.removeSelected=function(e){var t=this;this.selectedItems&&this.selectedItems.forEach(function(n){e[t.settings.primaryKey]===n[t.settings.primaryKey]&&t.selectedItems.splice(t.selectedItems.indexOf(n),1)}),this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems)},e.prototype.toggleDropdown=function(e){var t=this;if(this.settings.disabled)return!1;this.isActive=!this.isActive,this.isActive?(this.settings.searchAutofocus&&this.settings.enableSearchFilter&&!this.searchTempl&&setTimeout(function(){t.searchInput.nativeElement.focus()},0),this.onOpen.emit(!0)):this.onClose.emit(!1),e.preventDefault()},e.prototype.closeDropdown=function(){this.searchInput&&this.settings.lazyLoading&&(this.searchInput.nativeElement.value="",this.data=[],this.data=this.cachedItems,this.totalHeight=this.itemHeight*this.data.length,this.totalRows=this.data.length,this.updateView(this.scrollTop)),this.searchInput&&(this.searchInput.nativeElement.value=""),this.filter="",this.isActive=!1,this.onClose.emit(!1)},e.prototype.toggleSelectAll=function(){this.isSelectAll?(this.selectedItems=[],this.isSelectAll=!1,this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems),this.onDeSelectAll.emit(this.selectedItems)):(this.selectedItems=[],this.selectedItems=this.data.slice(),this.isSelectAll=!0,this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems),this.onSelectAll.emit(this.selectedItems))},e.prototype.transformData=function(e,t){var n=e.reduce(function(e,n){return e[n[t]]?e[n[t]].push(n):e[n[t]]=[n],e},{}),i=[];return Object.keys(n).map(function(e){i.push({key:e,value:n[e]})}),i},e.prototype.renderChunk=function(e,t){this.chunkArray=[],this.chunkIndex=[];var n=e+t;n>this.totalRows&&(n=this.totalRows);for(var i=e;i<n;i++)this.chunkIndex.push(i*this.itemHeight+"px"),this.chunkArray.push(this.data[i])},e.prototype.onScroll=function(e){this.scrollTop=e.target.scrollTop,this.updateView(this.scrollTop)},e.prototype.updateView=function(e){var t=e||0,n=t/this.itemHeight-this.screenItemsLen,i=""+n;n=parseInt(i)<0?0:parseInt(i),this.renderChunk(n,this.cachedItemsLen),this.lastRepaintY=t},e.prototype.filterInfiniteList=function(e){var t=[];this.data=this.cachedItems.slice(),""!=e.target.value.toString()?(this.data.filter(function(n){for(var i in n)if(n[i].toString().toLowerCase().indexOf(e.target.value.toString().toLowerCase())>=0){t.push(n);break}}),this.totalHeight=this.itemHeight*t.length,this.totalRows=t.length,this.data=[],this.data=t,this.updateView(this.scrollTop)):""==e.target.value.toString()&&this.cachedItems.length>0&&(this.data=[],this.data=this.cachedItems,this.totalHeight=this.itemHeight*this.data.length,this.totalRows=this.data.length,this.updateView(this.scrollTop))},i([o.Input(),s("design:type",Array)],e.prototype,"data",void 0),i([o.Input(),s("design:type",Object)],e.prototype,"settings",void 0),i([o.Output("onSelect"),s("design:type",o.EventEmitter)],e.prototype,"onSelect",void 0),i([o.Output("onDeSelect"),s("design:type",o.EventEmitter)],e.prototype,"onDeSelect",void 0),i([o.Output("onSelectAll"),s("design:type",o.EventEmitter)],e.prototype,"onSelectAll",void 0),i([o.Output("onDeSelectAll"),s("design:type",o.EventEmitter)],e.prototype,"onDeSelectAll",void 0),i([o.Output("onOpen"),s("design:type",o.EventEmitter)],e.prototype,"onOpen",void 0),i([o.Output("onClose"),s("design:type",o.EventEmitter)],e.prototype,"onClose",void 0),i([o.ContentChild(d.Item),s("design:type",d.Item)],e.prototype,"itemTempl",void 0),i([o.ContentChild(d.Badge),s("design:type",d.Badge)],e.prototype,"badgeTempl",void 0),i([o.ContentChild(d.Search),s("design:type",d.Search)],e.prototype,"searchTempl",void 0),i([o.ViewChild("searchInput"),s("design:type",o.ElementRef)],e.prototype,"searchInput",void 0),i([o.ViewChild("selectedList"),s("design:type",o.ElementRef)],e.prototype,"selectedListElem",void 0),e=i([o.Component({selector:"angular2-multiselect",template:n(8),host:{"[class]":"defaultSettings.classes"},styles:[n(9)],providers:[t.DROPDOWN_CONTROL_VALUE_ACCESSOR,t.DROPDOWN_CONTROL_VALIDATION]}),s("design:paramtypes",[o.ElementRef,o.ChangeDetectorRef])],e)}();t.AngularMultiSelect=g;var u=function(){function e(){}return e=i([o.NgModule({imports:[l.CommonModule,r.FormsModule],declarations:[g,a.ClickOutsideDirective,a.ScrollDirective,a.styleDirective,p.ListFilterPipe,d.Item,d.TemplateRenderer,d.Badge,d.Search,a.setPosition],exports:[g,a.ClickOutsideDirective,a.ScrollDirective,a.styleDirective,p.ListFilterPipe,d.Item,d.TemplateRenderer,d.Badge,d.Search,a.setPosition]})],e)}();t.AngularMultiSelectModule=u},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(){function e(e){this._elementRef=e,this.clickOutside=new o.EventEmitter}return e.prototype.onClick=function(e,t){if(t){this._elementRef.nativeElement.contains(t)||this.clickOutside.emit(e)}},i([o.Output(),s("design:type",Object)],e.prototype,"clickOutside",void 0),i([o.HostListener("document:click",["$event","$event.target"]),o.HostListener("document:touchstart",["$event","$event.target"]),s("design:type",Function),s("design:paramtypes",[MouseEvent,HTMLElement]),s("design:returntype",void 0)],e.prototype,"onClick",null),e=i([o.Directive({selector:"[clickOutside]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.ClickOutsideDirective=r;var l=function(){function e(e){this._elementRef=e,this.scroll=new o.EventEmitter}return e.prototype.onClick=function(e,t){this.scroll.emit(e)},i([o.Output(),s("design:type",Object)],e.prototype,"scroll",void 0),i([o.HostListener("scroll",["$event"]),s("design:type",Function),s("design:paramtypes",[MouseEvent,HTMLElement]),s("design:returntype",void 0)],e.prototype,"onClick",null),e=i([o.Directive({selector:"[scroll]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.ScrollDirective=l;var c=function(){function e(e){this.el=e}return e.prototype.ngOnInit=function(){this.el.nativeElement.style.top=this.styleVal},e.prototype.ngOnChanges=function(){this.el.nativeElement.style.top=this.styleVal},i([o.Input("styleProp"),s("design:type",Number)],e.prototype,"styleVal",void 0),e=i([o.Directive({selector:"[styleProp]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.styleDirective=c;var a=function(){function e(e){this.el=e}return e.prototype.ngOnInit=function(){this.height&&(this.el.nativeElement.style.bottom=parseInt(this.height+15+"")+"px")},e.prototype.ngOnChanges=function(){this.height&&(this.el.nativeElement.style.bottom=parseInt(this.height+15+"")+"px")},i([o.Input("setPosition"),s("design:type",Number)],e.prototype,"height",void 0),e=i([o.Directive({selector:"[setPosition]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.setPosition=a},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r};Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=function(){function e(){}return e.prototype.transform=function(e,t,n){var i=this;return e&&t?e.filter(function(e){return i.applyFilter(e,t,n)}):e},e.prototype.applyFilter=function(e,t,n){var i=!1;if(n.length>0)for(var s=0;s<n.length;s++)t&&e[n[s]]&&""!=e[n[s]]&&e[n[s]].toString().toLowerCase().indexOf(t.toLowerCase())>=0&&(i=!0);else for(var o in e)t&&e[o]&&e[o].toString().toLowerCase().indexOf(t.toLowerCase())>=0&&(i=!0);return i},e=i([s.Pipe({name:"listFilter",pure:!1})],e)}();t.ListFilterPipe=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){this.status=e,this.body=t}return e}();t.MyException=i},function(e,t,n){t=e.exports=n(7)(void 0),t.push([e.i,'.cuppa-dropdown {\n  position: relative; }\n\n.c-btn {\n  display: inline-block;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  font-size: 14px;\n  color: #333; }\n\n.c-btn.disabled {\n  background: #ccc; }\n\n.c-btn:focus {\n  outline: none; }\n\n.selected-list .c-list {\n  float: left;\n  padding: 0px;\n  margin: 0px;\n  width: calc(100% - 20px); }\n  .selected-list .c-list .c-token {\n    list-style: none;\n    padding: 2px 8px;\n    background: #0079FE;\n    color: #fff;\n    border-radius: 2px;\n    margin-right: 4px;\n    margin-top: 2px;\n    float: left;\n    position: relative;\n    padding-right: 25px; }\n    .selected-list .c-list .c-token .c-label {\n      display: block;\n      float: left; }\n    .selected-list .c-list .c-token .c-remove {\n      position: absolute;\n      right: 8px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 10px; }\n      .selected-list .c-list .c-token .c-remove svg {\n        fill: #fff; }\n\n.selected-list .fa-angle-down, .selected-list .fa-angle-up {\n  font-size: 15pt;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-angle-down, .selected-list .c-angle-up {\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none; }\n  .selected-list .c-angle-down svg, .selected-list .c-angle-up svg {\n    fill: #333; }\n\n.selected-list .countplaceholder {\n  position: absolute;\n  right: 30px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-btn {\n  width: 100%;\n  box-shadow: 0px 1px 5px #959595;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n  position: relative; }\n  .selected-list .c-btn .c-icon {\n    position: absolute;\n    right: 5px;\n    top: 50%;\n    transform: translateY(-50%); }\n\n.dropdown-list {\n  position: absolute;\n  padding-top: 14px;\n  width: 100%;\n  z-index: 9999; }\n  .dropdown-list ul {\n    padding: 0px;\n    list-style: none;\n    overflow: auto;\n    margin: 0px; }\n    .dropdown-list ul li {\n      padding: 10px 10px;\n      cursor: pointer;\n      text-align: left; }\n    .dropdown-list ul li:first-child {\n      padding-top: 10px; }\n    .dropdown-list ul li:last-child {\n      padding-bottom: 10px; }\n    .dropdown-list ul li:hover {\n      background: #f5f5f5; }\n  .dropdown-list ::-webkit-scrollbar {\n    width: 8px; }\n  .dropdown-list ::-webkit-scrollbar-thumb {\n    background: #cccccc;\n    border-radius: 5px; }\n  .dropdown-list ::-webkit-scrollbar-track {\n    background: #f2f2f2; }\n\n.arrow-up, .arrow-down {\n  width: 0;\n  height: 0;\n  border-left: 13px solid transparent;\n  border-right: 13px solid transparent;\n  border-bottom: 15px solid #fff;\n  margin-left: 15px;\n  position: absolute;\n  top: 0; }\n\n.arrow-down {\n  bottom: -14px;\n  top: unset;\n  transform: rotate(180deg); }\n\n.arrow-2 {\n  border-bottom: 15px solid #ccc;\n  top: -1px; }\n\n.arrow-down.arrow-2 {\n  top: unset;\n  bottom: -16px; }\n\n.list-area {\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  background: #fff;\n  margin: 0px;\n  box-shadow: 0px 1px 5px #959595; }\n\n.select-all {\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n  text-align: left; }\n\n.list-filter {\n  border-bottom: 1px solid #ccc;\n  position: relative;\n  padding-left: 35px;\n  height: 35px; }\n  .list-filter input {\n    border: 0px;\n    width: 100%;\n    height: 100%;\n    padding: 0px; }\n  .list-filter input:focus {\n    outline: none; }\n  .list-filter .c-search {\n    position: absolute;\n    top: 9px;\n    left: 10px;\n    width: 15px;\n    height: 15px; }\n    .list-filter .c-search svg {\n      fill: #888; }\n\n.pure-checkbox input[type="checkbox"] {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n.pure-checkbox input[type="checkbox"]:focus + label:before,\n.pure-checkbox input[type="checkbox"]:hover + label:before {\n  border-color: #0079FE;\n  background-color: #f2f2f2; }\n\n.pure-checkbox input[type="checkbox"]:active + label:before {\n  transition-duration: 0s; }\n\n.pure-checkbox input[type="checkbox"] + label {\n  position: relative;\n  padding-left: 2em;\n  vertical-align: middle;\n  user-select: none;\n  cursor: pointer;\n  margin: 0px;\n  color: #000;\n  font-weight: 300; }\n\n.pure-checkbox input[type="checkbox"] + label:before {\n  box-sizing: content-box;\n  content: \'\';\n  color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 14px;\n  height: 14px;\n  margin-top: -9px;\n  border: 2px solid #0079FE;\n  text-align: center;\n  transition: all 0.4s ease; }\n\n.pure-checkbox input[type="checkbox"] + label:after {\n  box-sizing: content-box;\n  content: \'\';\n  background-color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 4px;\n  width: 10px;\n  height: 10px;\n  margin-top: -5px;\n  transform: scale(0);\n  transform-origin: 50%;\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type="checkbox"]:disabled + label:before {\n  border-color: #cccccc; }\n\n.pure-checkbox input[type="checkbox"]:disabled:focus + label:before\n.pure-checkbox input[type="checkbox"]:disabled:hover + label:before {\n  background-color: inherit; }\n\n.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {\n  background-color: #cccccc; }\n\n.pure-checkbox input[type="checkbox"] + label:after {\n  background-color: transparent;\n  top: 50%;\n  left: 4px;\n  width: 8px;\n  height: 3px;\n  margin-top: -4px;\n  border-style: solid;\n  border-color: #ffffff;\n  border-width: 0 0 3px 3px;\n  border-image: none;\n  transform: rotate(-45deg) scale(0); }\n\n.pure-checkbox input[type="checkbox"]:checked + label:after {\n  content: \'\';\n  transform: rotate(-45deg) scale(1);\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type="radio"]:checked + label:before {\n  background-color: white; }\n\n.pure-checkbox input[type="radio"]:checked + label:after {\n  transform: scale(1); }\n\n.pure-checkbox input[type="radio"] + label:before {\n  border-radius: 50%; }\n\n.pure-checkbox input[type="checkbox"]:checked + label:before {\n  background: #0079FE; }\n\n.pure-checkbox input[type="checkbox"]:checked + label:after {\n  transform: rotate(-45deg) scale(1); }\n\n.list-message {\n  text-align: center;\n  margin: 0px;\n  padding: 15px 0px;\n  font-size: initial; }\n\n.list-grp {\n  padding: 0 15px !important; }\n\n.list-grp h4 {\n  text-transform: capitalize;\n  margin: 15px 0px 0px 0px;\n  font-size: 14px;\n  font-weight: 700; }\n\n.list-grp > li {\n  padding-left: 15px !important; }\n',""])},function(e,t){function n(e,t){var n=e[1]||"",s=e[3];if(!s)return n;if(t&&"function"==typeof btoa){var o=i(s);return[n].concat(s.sources.map(function(e){return"/*# sourceURL="+s.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i=n(t,e);return t[2]?"@media "+t[2]+"{"+i+"}":i}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},s=0;s<this.length;s++){var o=this[s][0];"number"==typeof o&&(i[o]=!0)}for(s=0;s<e.length;s++){var r=e[s];"number"==typeof r[0]&&i[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]="("+r[2]+") and ("+n+")"),t.push(r))}},t}},function(e,t){e.exports='<div class="cuppa-dropdown" (clickOutside)="closeDropdown()">\r\n    <div class="selected-list" #selectedList>\r\n        <div class="c-btn" (click)="toggleDropdown($event)" [ngClass]="{\'disabled\': settings.disabled}">\r\n            <span *ngIf="selectedItems?.length == 0">{{settings.text}}</span>\r\n            <span *ngIf="settings.singleSelection">\r\n                <span *ngFor="let item of selectedItems;trackBy: trackByFn.bind(this);">\r\n                    {{item[settings.labelKey]}}\r\n                </span>\r\n            </span>\r\n            <div class="c-list" *ngIf="selectedItems?.length > 0 && !settings.singleSelection">\r\n                <div class="c-token" *ngFor="let item of selectedItems;trackBy: trackByFn.bind(this);let k = index" [hidden]="k > settings.badgeShowLimit-1">\r\n                    <span *ngIf="!badgeTempl" class="c-label">{{item[settings.labelKey]}}</span>\r\n                    <span *ngIf="badgeTempl" class="c-label">\r\n                        <c-templateRenderer [data]="badgeTempl" [item]="item"></c-templateRenderer>\r\n                    </span>\r\n                    <span class="c-remove" (click)="onItemClick(item,k,$event)">\r\n                        <svg width="100%" height="100%" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t viewBox="0 0 47.971 47.971" style="enable-background:new 0 0 47.971 47.971;" xml:space="preserve">\r\n<g>\r\n\t<path d="M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88\r\n\t\tc-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242\r\n\t\tC1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879\r\n\t\ts1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z"/>\r\n</g>\r\n</svg>\r\n\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <span class="countplaceholder" *ngIf="selectedItems?.length > settings.badgeShowLimit">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\r\n            \x3c!--            <span class="fa" [ngClass]="{\'c-angle-down\': !isActive,\'fa-angle-up\':isActive}"></span>\r\n--\x3e<span *ngIf="!isActive" class="c-angle-down">\r\n                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">\r\n<g>\r\n\t<g id="_x31_0_34_">\r\n\t\t<g>\r\n\t\t\t<path d="M604.501,134.782c-9.999-10.05-26.222-10.05-36.221,0L306.014,422.558L43.721,134.782\r\n\t\t\t\tc-9.999-10.05-26.223-10.05-36.222,0s-9.999,26.35,0,36.399l279.103,306.241c5.331,5.357,12.422,7.652,19.386,7.296\r\n\t\t\t\tc6.988,0.356,14.055-1.939,19.386-7.296l279.128-306.268C614.5,161.106,614.5,144.832,604.501,134.782z"/>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n</svg>\r\n\r\n            </span>\r\n            <span *ngIf="isActive" class="c-angle-up">\r\n                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">\r\n<g>\r\n\t<g id="_x39__30_">\r\n\t\t<g>\r\n\t\t\t<path d="M604.501,440.509L325.398,134.956c-5.331-5.357-12.423-7.627-19.386-7.27c-6.989-0.357-14.056,1.913-19.387,7.27\r\n\t\t\t\tL7.499,440.509c-9.999,10.024-9.999,26.298,0,36.323s26.223,10.024,36.222,0l262.293-287.164L568.28,476.832\r\n\t\t\t\tc9.999,10.024,26.222,10.024,36.221,0C614.5,466.809,614.5,450.534,604.501,440.509z"/>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n\r\n</svg>\r\n\r\n            </span>\r\n        </div>\r\n    </div>\r\n    <div [setPosition]="selectedListHeight?.val" class="dropdown-list" [ngClass]="{\'dropdown-list-top\': settings.position == \'top\'}"\r\n        [hidden]="!isActive">\r\n        <div [ngClass]="{\'arrow-up\': settings.position == \'bottom\', \'arrow-down\': settings.position == \'top\'}" class="arrow-2"></div>\r\n        <div [ngClass]="{\'arrow-up\': settings.position == \'bottom\', \'arrow-down\': settings.position == \'top\'}"></div>\r\n        <div class="list-area">\r\n            <div class="pure-checkbox select-all" *ngIf="settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection"\r\n                (click)="toggleSelectAll()">\r\n                <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelectAll" [disabled]="settings.limitSelection == selectedItems?.length"\r\n                />\r\n                <label>\r\n                <span [hidden]="isSelectAll">{{settings.selectAllText}}</span>\r\n                <span [hidden]="!isSelectAll">{{settings.unSelectAllText}}</span>\r\n            </label>\r\n            </div>\r\n            <div class="list-filter" *ngIf="settings.enableSearchFilter">\r\n                <span class="c-search">\r\n                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 615.52 615.52" style="enable-background:new 0 0 615.52 615.52;"\r\n\t xml:space="preserve">\r\n<g>\r\n\t<g>\r\n\t\t<g id="Search__x28_and_thou_shall_find_x29_">\r\n\t\t\t<g>\r\n\t\t\t\t<path d="M602.531,549.736l-184.31-185.368c26.679-37.72,42.528-83.729,42.528-133.548C460.75,103.35,357.997,0,231.258,0\r\n\t\t\t\t\tC104.518,0,1.765,103.35,1.765,230.82c0,127.47,102.753,230.82,229.493,230.82c49.53,0,95.271-15.944,132.78-42.777\r\n\t\t\t\t\tl184.31,185.366c7.482,7.521,17.292,11.291,27.102,11.291c9.812,0,19.62-3.77,27.083-11.291\r\n\t\t\t\t\tC617.496,589.188,617.496,564.777,602.531,549.736z M355.9,319.763l-15.042,21.273L319.7,356.174\r\n\t\t\t\t\tc-26.083,18.658-56.667,28.526-88.442,28.526c-84.365,0-152.995-69.035-152.995-153.88c0-84.846,68.63-153.88,152.995-153.88\r\n\t\t\t\t\ts152.996,69.034,152.996,153.88C384.271,262.769,374.462,293.526,355.9,319.763z"/>\r\n\t\t\t</g>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n\r\n</svg>\r\n\r\n                </span>\r\n                <input class="c-input" *ngIf="!settings.lazyLoading && !searchTempl" #searchInput type="text" [placeholder]="settings.searchPlaceholderText"\r\n                    [(ngModel)]="filter">\r\n                <input class="c-input" *ngIf="settings.lazyLoading && !searchTempl" #searchInput type="text" [placeholder]="settings.searchPlaceholderText"\r\n                    (keyup)="filterInfiniteList($event)">\r\n                <c-templateRenderer *ngIf="searchTempl" [data]="searchTempl" [item]="item"></c-templateRenderer>\r\n            </div>\r\n            <ul *ngIf="!settings.groupBy" [style.maxHeight]="settings.maxHeight+\'px\'" class="lazyContainer">\r\n                <span *ngIf="itemTempl">\r\n            <li *ngFor="let item of data | listFilter: filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label></label>\r\n            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>\r\n        </li>\r\n        </span>\r\n                <span *ngIf="!itemTempl && !settings.lazyLoading">\r\n        <li *ngFor="let item of data | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </span>\r\n                <span *ngIf="!itemTempl && settings.lazyLoading">\r\n            <div [ngStyle]="{\'height\':totalHeight+\'px\'}" style="position: relative;">\r\n\r\n            \r\n        <li *ngFor="let item of chunkArray | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" style="position: absolute;width: 100%;" class="pure-checkbox" [styleProp]="chunkIndex[i]">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </div>\r\n        </span>\r\n            </ul>\r\n            <div *ngIf="settings.groupBy" [style.maxHeight]="settings.maxHeight+\'px\'" style="overflow: auto;">\r\n                <ul *ngFor="let obj of groupedData ; let i = index;" class="list-grp">\r\n                    <h4 *ngIf="(obj.value | listFilter:filter : settings.searchBy ).length > 0">{{obj.key}}</h4>\r\n                    <span *ngIf="itemTempl">\r\n        <li *ngFor="let item of obj.value | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label></label>\r\n            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>\r\n        </li>\r\n        </span>\r\n                    <span *ngIf="!itemTempl">\r\n        <li *ngFor="let item of obj.value | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </span>\r\n                </ul>\r\n            </div>\r\n            <h5 class="list-message" *ngIf="data?.length == 0">{{settings.noDataLabel}}</h5>\r\n        </div>\r\n    </div>\r\n</div>'},function(e,t,n){var i=n(6);e.exports="string"==typeof i?i:i.toString()},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.AngularMultiSelect=i.AngularMultiSelect;var s=n(3);t.ClickOutsideDirective=s.ClickOutsideDirective;var o=n(4);t.ListFilterPipe=o.ListFilterPipe;var r=n(0);t.Item=r.Item;var l=n(0);t.TemplateRenderer=l.TemplateRenderer;var c=n(2);t.AngularMultiSelectModule=c.AngularMultiSelectModule}])});
 //# sourceMappingURL=angular2-multiselect-dropdown.umd.min.js.map

index.umd.js

 /**
  * angular2-multiselect-dropdown - Angular 2 and angular 4 multiselect dropdown component.
- * @version v2.9.0
+ * @version v2.9.1
  * @author undefined
@@ -369,3 +369,3 @@ * @link undefined
                 if (this.settings.limitSelection) {
-                    this.selectedItems = value.splice(0, this.settings.limitSelection);
+                    this.selectedItems = value.slice(0, this.settings.limitSelection);
                 }
@@ -372,0 +372,0 @@ else {

index.umd.min.js

 /**
  * angular2-multiselect-dropdown - Angular 2 and angular 4 multiselect dropdown component.
- * @version v2.9.0
+ * @version v2.9.1
  * @author undefined
@@ -8,3 +8,3 @@ * @link undefined
  */
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common","@angular/forms"],t):"object"==typeof exports?exports.ticktock=t(require("@angular/core"),require("@angular/common"),require("@angular/forms")):e.ticktock=t(e.ng.core,e.ng.common,e.ng.forms)}(this,function(e,t,n){return function(e){function t(i){if(n[i])return n[i].exports;var s=n[i]={i:i,l:!1,exports:{}};return e[i].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=13)}([function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-item",template:""}),s("design:paramtypes",[])],e)}();t.Item=r;var l=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-badge",template:""}),s("design:paramtypes",[])],e)}();t.Badge=l;var c=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-search",template:""}),s("design:paramtypes",[])],e)}();t.Search=c;var a=function(){function e(e){this.viewContainer=e}return e.prototype.ngOnInit=function(){this.view=this.viewContainer.createEmbeddedView(this.data.template,{$implicit:this.data,item:this.item})},e.prototype.ngOnDestroy=function(){this.view.destroy()},i([o.Input(),s("design:type",Object)],e.prototype,"data",void 0),i([o.Input(),s("design:type",Object)],e.prototype,"item",void 0),e=i([o.Component({selector:"c-templateRenderer",template:""}),s("design:paramtypes",[o.ViewContainerRef])],e)}();t.TemplateRenderer=a},function(t,n){t.exports=e},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(11),l=n(10),c=n(5),a=n(3),p=n(4),d=n(0);t.DROPDOWN_CONTROL_VALUE_ACCESSOR={provide:r.NG_VALUE_ACCESSOR,useExisting:o.forwardRef(function(){return g}),multi:!0},t.DROPDOWN_CONTROL_VALIDATION={provide:r.NG_VALIDATORS,useExisting:o.forwardRef(function(){return g}),multi:!0};var h=function(){},g=function(){function e(e,t){this._elementRef=e,this.cdr=t,this.onSelect=new o.EventEmitter,this.onDeSelect=new o.EventEmitter,this.onSelectAll=new o.EventEmitter,this.onDeSelectAll=new o.EventEmitter,this.onOpen=new o.EventEmitter,this.onClose=new o.EventEmitter,this.isActive=!1,this.isSelectAll=!1,this.chunkIndex=[],this.cachedItems=[],this.itemHeight=41.6,this.defaultSettings={singleSelection:!1,text:"Select",enableCheckAll:!0,selectAllText:"Select All",unSelectAllText:"UnSelect All",enableSearchFilter:!1,searchBy:[],maxHeight:300,badgeShowLimit:999999999999,classes:"",disabled:!1,searchPlaceholderText:"Search",showCheckbox:!0,noDataLabel:"No Data Available",searchAutofocus:!0,lazyLoading:!1,labelKey:"itemName",primaryKey:"id",position:"bottom"},this.onTouchedCallback=h,this.onChangeCallback=h}return e.prototype.ngOnInit=function(){var e=this;this.settings=Object.assign(this.defaultSettings,this.settings),this.settings.groupBy&&(this.groupedData=this.transformData(this.data,this.settings.groupBy)),this.totalRows=this.data&&this.data.length,this.cachedItems=this.data,this.screenItemsLen=Math.ceil(this.settings.maxHeight/this.itemHeight),this.cachedItemsLen=3*this.screenItemsLen,this.totalHeight=this.itemHeight*this.totalRows,this.maxBuffer=this.screenItemsLen*this.itemHeight,this.lastScrolled=0,this.renderChunk(0,this.cachedItemsLen/2),"top"==this.settings.position&&setTimeout(function(){e.selectedListHeight={val:0},e.selectedListHeight.val=e.selectedListElem.nativeElement.clientHeight})},e.prototype.ngOnChanges=function(e){e.data&&!e.data.firstChange&&this.settings.groupBy&&(this.groupedData=this.transformData(this.data,this.settings.groupBy),0==this.data.length&&(this.selectedItems=[])),e.settings&&!e.settings.firstChange&&(this.settings=Object.assign(this.defaultSettings,this.settings))},e.prototype.ngDoCheck=function(){this.selectedItems&&(0==this.selectedItems.length||0==this.data.length||this.selectedItems.length<this.data.length)&&(this.isSelectAll=!1)},e.prototype.ngAfterViewInit=function(){this.settings.lazyLoading&&this._elementRef.nativeElement.getElementsByClassName("lazyContainer")[0].addEventListener("scroll",this.onScroll.bind(this))},e.prototype.ngAfterViewChecked=function(){this.selectedListElem.nativeElement.clientHeight&&"top"==this.settings.position&&this.selectedListHeight&&(this.selectedListHeight.val=this.selectedListElem.nativeElement.clientHeight,this.cdr.detectChanges())},e.prototype.onItemClick=function(e,t,n){if(this.settings.disabled)return!1;var i=this.isSelected(e),s=this.selectedItems.length<this.settings.limitSelection;i?(this.removeSelected(e),this.onDeSelect.emit(e)):this.settings.limitSelection?s&&(this.addSelected(e),this.onSelect.emit(e)):(this.addSelected(e),this.onSelect.emit(e)),(this.isSelectAll||this.data.length>this.selectedItems.length)&&(this.isSelectAll=!1),this.data.length==this.selectedItems.length&&(this.isSelectAll=!0)},e.prototype.validate=function(e){return null},e.prototype.writeValue=function(e){if(void 0!==e&&null!==e)if(this.settings.singleSelection)try{if(e.length>1)throw this.selectedItems=[e[0]],new c.MyException(404,{msg:"Single Selection Mode, Selected Items cannot have more than one item."});this.selectedItems=e}catch(e){console.error(e.body.msg)}else this.settings.limitSelection?this.selectedItems=e.splice(0,this.settings.limitSelection):this.selectedItems=e,this.selectedItems.length===this.data.length&&this.data.length>0&&(this.isSelectAll=!0);else this.selectedItems=[]},e.prototype.registerOnChange=function(e){this.onChangeCallback=e},e.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},e.prototype.trackByFn=function(e,t){return t[this.settings.primaryKey]},e.prototype.isSelected=function(e){var t=this,n=!1;return this.selectedItems&&this.selectedItems.forEach(function(i){e[t.settings.primaryKey]===i[t.settings.primaryKey]&&(n=!0)}),n},e.prototype.addSelected=function(e){this.settings.singleSelection?(this.selectedItems=[],this.selectedItems.push(e),this.closeDropdown()):this.selectedItems.push(e),this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems)},e.prototype.removeSelected=function(e){var t=this;this.selectedItems&&this.selectedItems.forEach(function(n){e[t.settings.primaryKey]===n[t.settings.primaryKey]&&t.selectedItems.splice(t.selectedItems.indexOf(n),1)}),this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems)},e.prototype.toggleDropdown=function(e){var t=this;if(this.settings.disabled)return!1;this.isActive=!this.isActive,this.isActive?(this.settings.searchAutofocus&&this.settings.enableSearchFilter&&!this.searchTempl&&setTimeout(function(){t.searchInput.nativeElement.focus()},0),this.onOpen.emit(!0)):this.onClose.emit(!1),e.preventDefault()},e.prototype.closeDropdown=function(){this.searchInput&&this.settings.lazyLoading&&(this.searchInput.nativeElement.value="",this.data=[],this.data=this.cachedItems,this.totalHeight=this.itemHeight*this.data.length,this.totalRows=this.data.length,this.updateView(this.scrollTop)),this.searchInput&&(this.searchInput.nativeElement.value=""),this.filter="",this.isActive=!1,this.onClose.emit(!1)},e.prototype.toggleSelectAll=function(){this.isSelectAll?(this.selectedItems=[],this.isSelectAll=!1,this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems),this.onDeSelectAll.emit(this.selectedItems)):(this.selectedItems=[],this.selectedItems=this.data.slice(),this.isSelectAll=!0,this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems),this.onSelectAll.emit(this.selectedItems))},e.prototype.transformData=function(e,t){var n=e.reduce(function(e,n){return e[n[t]]?e[n[t]].push(n):e[n[t]]=[n],e},{}),i=[];return Object.keys(n).map(function(e){i.push({key:e,value:n[e]})}),i},e.prototype.renderChunk=function(e,t){this.chunkArray=[],this.chunkIndex=[];var n=e+t;n>this.totalRows&&(n=this.totalRows);for(var i=e;i<n;i++)this.chunkIndex.push(i*this.itemHeight+"px"),this.chunkArray.push(this.data[i])},e.prototype.onScroll=function(e){this.scrollTop=e.target.scrollTop,this.updateView(this.scrollTop)},e.prototype.updateView=function(e){var t=e||0,n=t/this.itemHeight-this.screenItemsLen,i=""+n;n=parseInt(i)<0?0:parseInt(i),this.renderChunk(n,this.cachedItemsLen),this.lastRepaintY=t},e.prototype.filterInfiniteList=function(e){var t=[];this.data=this.cachedItems.slice(),""!=e.target.value.toString()?(this.data.filter(function(n){for(var i in n)if(n[i].toString().toLowerCase().indexOf(e.target.value.toString().toLowerCase())>=0){t.push(n);break}}),this.totalHeight=this.itemHeight*t.length,this.totalRows=t.length,this.data=[],this.data=t,this.updateView(this.scrollTop)):""==e.target.value.toString()&&this.cachedItems.length>0&&(this.data=[],this.data=this.cachedItems,this.totalHeight=this.itemHeight*this.data.length,this.totalRows=this.data.length,this.updateView(this.scrollTop))},i([o.Input(),s("design:type",Array)],e.prototype,"data",void 0),i([o.Input(),s("design:type",Object)],e.prototype,"settings",void 0),i([o.Output("onSelect"),s("design:type",o.EventEmitter)],e.prototype,"onSelect",void 0),i([o.Output("onDeSelect"),s("design:type",o.EventEmitter)],e.prototype,"onDeSelect",void 0),i([o.Output("onSelectAll"),s("design:type",o.EventEmitter)],e.prototype,"onSelectAll",void 0),i([o.Output("onDeSelectAll"),s("design:type",o.EventEmitter)],e.prototype,"onDeSelectAll",void 0),i([o.Output("onOpen"),s("design:type",o.EventEmitter)],e.prototype,"onOpen",void 0),i([o.Output("onClose"),s("design:type",o.EventEmitter)],e.prototype,"onClose",void 0),i([o.ContentChild(d.Item),s("design:type",d.Item)],e.prototype,"itemTempl",void 0),i([o.ContentChild(d.Badge),s("design:type",d.Badge)],e.prototype,"badgeTempl",void 0),i([o.ContentChild(d.Search),s("design:type",d.Search)],e.prototype,"searchTempl",void 0),i([o.ViewChild("searchInput"),s("design:type",o.ElementRef)],e.prototype,"searchInput",void 0),i([o.ViewChild("selectedList"),s("design:type",o.ElementRef)],e.prototype,"selectedListElem",void 0),e=i([o.Component({selector:"angular2-multiselect",template:n(8),host:{"[class]":"defaultSettings.classes"},styles:[n(9)],providers:[t.DROPDOWN_CONTROL_VALUE_ACCESSOR,t.DROPDOWN_CONTROL_VALIDATION]}),s("design:paramtypes",[o.ElementRef,o.ChangeDetectorRef])],e)}();t.AngularMultiSelect=g;var u=function(){function e(){}return e=i([o.NgModule({imports:[l.CommonModule,r.FormsModule],declarations:[g,a.ClickOutsideDirective,a.ScrollDirective,a.styleDirective,p.ListFilterPipe,d.Item,d.TemplateRenderer,d.Badge,d.Search,a.setPosition],exports:[g,a.ClickOutsideDirective,a.ScrollDirective,a.styleDirective,p.ListFilterPipe,d.Item,d.TemplateRenderer,d.Badge,d.Search,a.setPosition]})],e)}();t.AngularMultiSelectModule=u},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(){function e(e){this._elementRef=e,this.clickOutside=new o.EventEmitter}return e.prototype.onClick=function(e,t){if(t){this._elementRef.nativeElement.contains(t)||this.clickOutside.emit(e)}},i([o.Output(),s("design:type",Object)],e.prototype,"clickOutside",void 0),i([o.HostListener("document:click",["$event","$event.target"]),o.HostListener("document:touchstart",["$event","$event.target"]),s("design:type",Function),s("design:paramtypes",[MouseEvent,HTMLElement]),s("design:returntype",void 0)],e.prototype,"onClick",null),e=i([o.Directive({selector:"[clickOutside]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.ClickOutsideDirective=r;var l=function(){function e(e){this._elementRef=e,this.scroll=new o.EventEmitter}return e.prototype.onClick=function(e,t){this.scroll.emit(e)},i([o.Output(),s("design:type",Object)],e.prototype,"scroll",void 0),i([o.HostListener("scroll",["$event"]),s("design:type",Function),s("design:paramtypes",[MouseEvent,HTMLElement]),s("design:returntype",void 0)],e.prototype,"onClick",null),e=i([o.Directive({selector:"[scroll]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.ScrollDirective=l;var c=function(){function e(e){this.el=e}return e.prototype.ngOnInit=function(){this.el.nativeElement.style.top=this.styleVal},e.prototype.ngOnChanges=function(){this.el.nativeElement.style.top=this.styleVal},i([o.Input("styleProp"),s("design:type",Number)],e.prototype,"styleVal",void 0),e=i([o.Directive({selector:"[styleProp]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.styleDirective=c;var a=function(){function e(e){this.el=e}return e.prototype.ngOnInit=function(){this.height&&(this.el.nativeElement.style.bottom=parseInt(this.height+15+"")+"px")},e.prototype.ngOnChanges=function(){this.height&&(this.el.nativeElement.style.bottom=parseInt(this.height+15+"")+"px")},i([o.Input("setPosition"),s("design:type",Number)],e.prototype,"height",void 0),e=i([o.Directive({selector:"[setPosition]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.setPosition=a},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r};Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=function(){function e(){}return e.prototype.transform=function(e,t,n){var i=this;return e&&t?e.filter(function(e){return i.applyFilter(e,t,n)}):e},e.prototype.applyFilter=function(e,t,n){var i=!1;if(n.length>0)for(var s=0;s<n.length;s++)t&&e[n[s]]&&""!=e[n[s]]&&e[n[s]].toString().toLowerCase().indexOf(t.toLowerCase())>=0&&(i=!0);else for(var o in e)t&&e[o]&&e[o].toString().toLowerCase().indexOf(t.toLowerCase())>=0&&(i=!0);return i},e=i([s.Pipe({name:"listFilter",pure:!1})],e)}();t.ListFilterPipe=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){this.status=e,this.body=t}return e}();t.MyException=i},function(e,t,n){t=e.exports=n(7)(void 0),t.push([e.i,'.cuppa-dropdown {\n  position: relative; }\n\n.c-btn {\n  display: inline-block;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  font-size: 14px;\n  color: #333; }\n\n.c-btn.disabled {\n  background: #ccc; }\n\n.c-btn:focus {\n  outline: none; }\n\n.selected-list .c-list {\n  float: left;\n  padding: 0px;\n  margin: 0px;\n  width: calc(100% - 20px); }\n  .selected-list .c-list .c-token {\n    list-style: none;\n    padding: 2px 8px;\n    background: #0079FE;\n    color: #fff;\n    border-radius: 2px;\n    margin-right: 4px;\n    margin-top: 2px;\n    float: left;\n    position: relative;\n    padding-right: 25px; }\n    .selected-list .c-list .c-token .c-label {\n      display: block;\n      float: left; }\n    .selected-list .c-list .c-token .c-remove {\n      position: absolute;\n      right: 8px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 10px; }\n      .selected-list .c-list .c-token .c-remove svg {\n        fill: #fff; }\n\n.selected-list .fa-angle-down, .selected-list .fa-angle-up {\n  font-size: 15pt;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-angle-down, .selected-list .c-angle-up {\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none; }\n  .selected-list .c-angle-down svg, .selected-list .c-angle-up svg {\n    fill: #333; }\n\n.selected-list .countplaceholder {\n  position: absolute;\n  right: 30px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-btn {\n  width: 100%;\n  box-shadow: 0px 1px 5px #959595;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n  position: relative; }\n  .selected-list .c-btn .c-icon {\n    position: absolute;\n    right: 5px;\n    top: 50%;\n    transform: translateY(-50%); }\n\n.dropdown-list {\n  position: absolute;\n  padding-top: 14px;\n  width: 100%;\n  z-index: 9999; }\n  .dropdown-list ul {\n    padding: 0px;\n    list-style: none;\n    overflow: auto;\n    margin: 0px; }\n    .dropdown-list ul li {\n      padding: 10px 10px;\n      cursor: pointer;\n      text-align: left; }\n    .dropdown-list ul li:first-child {\n      padding-top: 10px; }\n    .dropdown-list ul li:last-child {\n      padding-bottom: 10px; }\n    .dropdown-list ul li:hover {\n      background: #f5f5f5; }\n  .dropdown-list ::-webkit-scrollbar {\n    width: 8px; }\n  .dropdown-list ::-webkit-scrollbar-thumb {\n    background: #cccccc;\n    border-radius: 5px; }\n  .dropdown-list ::-webkit-scrollbar-track {\n    background: #f2f2f2; }\n\n.arrow-up, .arrow-down {\n  width: 0;\n  height: 0;\n  border-left: 13px solid transparent;\n  border-right: 13px solid transparent;\n  border-bottom: 15px solid #fff;\n  margin-left: 15px;\n  position: absolute;\n  top: 0; }\n\n.arrow-down {\n  bottom: -14px;\n  top: unset;\n  transform: rotate(180deg); }\n\n.arrow-2 {\n  border-bottom: 15px solid #ccc;\n  top: -1px; }\n\n.arrow-down.arrow-2 {\n  top: unset;\n  bottom: -16px; }\n\n.list-area {\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  background: #fff;\n  margin: 0px;\n  box-shadow: 0px 1px 5px #959595; }\n\n.select-all {\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n  text-align: left; }\n\n.list-filter {\n  border-bottom: 1px solid #ccc;\n  position: relative;\n  padding-left: 35px;\n  height: 35px; }\n  .list-filter input {\n    border: 0px;\n    width: 100%;\n    height: 100%;\n    padding: 0px; }\n  .list-filter input:focus {\n    outline: none; }\n  .list-filter .c-search {\n    position: absolute;\n    top: 9px;\n    left: 10px;\n    width: 15px;\n    height: 15px; }\n    .list-filter .c-search svg {\n      fill: #888; }\n\n.pure-checkbox input[type="checkbox"] {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n.pure-checkbox input[type="checkbox"]:focus + label:before,\n.pure-checkbox input[type="checkbox"]:hover + label:before {\n  border-color: #0079FE;\n  background-color: #f2f2f2; }\n\n.pure-checkbox input[type="checkbox"]:active + label:before {\n  transition-duration: 0s; }\n\n.pure-checkbox input[type="checkbox"] + label {\n  position: relative;\n  padding-left: 2em;\n  vertical-align: middle;\n  user-select: none;\n  cursor: pointer;\n  margin: 0px;\n  color: #000;\n  font-weight: 300; }\n\n.pure-checkbox input[type="checkbox"] + label:before {\n  box-sizing: content-box;\n  content: \'\';\n  color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 14px;\n  height: 14px;\n  margin-top: -9px;\n  border: 2px solid #0079FE;\n  text-align: center;\n  transition: all 0.4s ease; }\n\n.pure-checkbox input[type="checkbox"] + label:after {\n  box-sizing: content-box;\n  content: \'\';\n  background-color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 4px;\n  width: 10px;\n  height: 10px;\n  margin-top: -5px;\n  transform: scale(0);\n  transform-origin: 50%;\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type="checkbox"]:disabled + label:before {\n  border-color: #cccccc; }\n\n.pure-checkbox input[type="checkbox"]:disabled:focus + label:before\n.pure-checkbox input[type="checkbox"]:disabled:hover + label:before {\n  background-color: inherit; }\n\n.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {\n  background-color: #cccccc; }\n\n.pure-checkbox input[type="checkbox"] + label:after {\n  background-color: transparent;\n  top: 50%;\n  left: 4px;\n  width: 8px;\n  height: 3px;\n  margin-top: -4px;\n  border-style: solid;\n  border-color: #ffffff;\n  border-width: 0 0 3px 3px;\n  border-image: none;\n  transform: rotate(-45deg) scale(0); }\n\n.pure-checkbox input[type="checkbox"]:checked + label:after {\n  content: \'\';\n  transform: rotate(-45deg) scale(1);\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type="radio"]:checked + label:before {\n  background-color: white; }\n\n.pure-checkbox input[type="radio"]:checked + label:after {\n  transform: scale(1); }\n\n.pure-checkbox input[type="radio"] + label:before {\n  border-radius: 50%; }\n\n.pure-checkbox input[type="checkbox"]:checked + label:before {\n  background: #0079FE; }\n\n.pure-checkbox input[type="checkbox"]:checked + label:after {\n  transform: rotate(-45deg) scale(1); }\n\n.list-message {\n  text-align: center;\n  margin: 0px;\n  padding: 15px 0px;\n  font-size: initial; }\n\n.list-grp {\n  padding: 0 15px !important; }\n\n.list-grp h4 {\n  text-transform: capitalize;\n  margin: 15px 0px 0px 0px;\n  font-size: 14px;\n  font-weight: 700; }\n\n.list-grp > li {\n  padding-left: 15px !important; }\n',""])},function(e,t){function n(e,t){var n=e[1]||"",s=e[3];if(!s)return n;if(t&&"function"==typeof btoa){var o=i(s);return[n].concat(s.sources.map(function(e){return"/*# sourceURL="+s.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i=n(t,e);return t[2]?"@media "+t[2]+"{"+i+"}":i}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},s=0;s<this.length;s++){var o=this[s][0];"number"==typeof o&&(i[o]=!0)}for(s=0;s<e.length;s++){var r=e[s];"number"==typeof r[0]&&i[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]="("+r[2]+") and ("+n+")"),t.push(r))}},t}},function(e,t){e.exports='<div class="cuppa-dropdown" (clickOutside)="closeDropdown()">\r\n    <div class="selected-list" #selectedList>\r\n        <div class="c-btn" (click)="toggleDropdown($event)" [ngClass]="{\'disabled\': settings.disabled}">\r\n            <span *ngIf="selectedItems?.length == 0">{{settings.text}}</span>\r\n            <span *ngIf="settings.singleSelection">\r\n                <span *ngFor="let item of selectedItems;trackBy: trackByFn.bind(this);">\r\n                    {{item[settings.labelKey]}}\r\n                </span>\r\n            </span>\r\n            <div class="c-list" *ngIf="selectedItems?.length > 0 && !settings.singleSelection">\r\n                <div class="c-token" *ngFor="let item of selectedItems;trackBy: trackByFn.bind(this);let k = index" [hidden]="k > settings.badgeShowLimit-1">\r\n                    <span *ngIf="!badgeTempl" class="c-label">{{item[settings.labelKey]}}</span>\r\n                    <span *ngIf="badgeTempl" class="c-label">\r\n                        <c-templateRenderer [data]="badgeTempl" [item]="item"></c-templateRenderer>\r\n                    </span>\r\n                    <span class="c-remove" (click)="onItemClick(item,k,$event)">\r\n                        <svg width="100%" height="100%" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t viewBox="0 0 47.971 47.971" style="enable-background:new 0 0 47.971 47.971;" xml:space="preserve">\r\n<g>\r\n\t<path d="M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88\r\n\t\tc-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242\r\n\t\tC1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879\r\n\t\ts1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z"/>\r\n</g>\r\n</svg>\r\n\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <span class="countplaceholder" *ngIf="selectedItems?.length > settings.badgeShowLimit">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\r\n            \x3c!--            <span class="fa" [ngClass]="{\'c-angle-down\': !isActive,\'fa-angle-up\':isActive}"></span>\r\n--\x3e<span *ngIf="!isActive" class="c-angle-down">\r\n                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">\r\n<g>\r\n\t<g id="_x31_0_34_">\r\n\t\t<g>\r\n\t\t\t<path d="M604.501,134.782c-9.999-10.05-26.222-10.05-36.221,0L306.014,422.558L43.721,134.782\r\n\t\t\t\tc-9.999-10.05-26.223-10.05-36.222,0s-9.999,26.35,0,36.399l279.103,306.241c5.331,5.357,12.422,7.652,19.386,7.296\r\n\t\t\t\tc6.988,0.356,14.055-1.939,19.386-7.296l279.128-306.268C614.5,161.106,614.5,144.832,604.501,134.782z"/>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n</svg>\r\n\r\n            </span>\r\n            <span *ngIf="isActive" class="c-angle-up">\r\n                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">\r\n<g>\r\n\t<g id="_x39__30_">\r\n\t\t<g>\r\n\t\t\t<path d="M604.501,440.509L325.398,134.956c-5.331-5.357-12.423-7.627-19.386-7.27c-6.989-0.357-14.056,1.913-19.387,7.27\r\n\t\t\t\tL7.499,440.509c-9.999,10.024-9.999,26.298,0,36.323s26.223,10.024,36.222,0l262.293-287.164L568.28,476.832\r\n\t\t\t\tc9.999,10.024,26.222,10.024,36.221,0C614.5,466.809,614.5,450.534,604.501,440.509z"/>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n\r\n</svg>\r\n\r\n            </span>\r\n        </div>\r\n    </div>\r\n    <div [setPosition]="selectedListHeight?.val" class="dropdown-list" [ngClass]="{\'dropdown-list-top\': settings.position == \'top\'}"\r\n        [hidden]="!isActive">\r\n        <div [ngClass]="{\'arrow-up\': settings.position == \'bottom\', \'arrow-down\': settings.position == \'top\'}" class="arrow-2"></div>\r\n        <div [ngClass]="{\'arrow-up\': settings.position == \'bottom\', \'arrow-down\': settings.position == \'top\'}"></div>\r\n        <div class="list-area">\r\n            <div class="pure-checkbox select-all" *ngIf="settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection"\r\n                (click)="toggleSelectAll()">\r\n                <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelectAll" [disabled]="settings.limitSelection == selectedItems?.length"\r\n                />\r\n                <label>\r\n                <span [hidden]="isSelectAll">{{settings.selectAllText}}</span>\r\n                <span [hidden]="!isSelectAll">{{settings.unSelectAllText}}</span>\r\n            </label>\r\n            </div>\r\n            <div class="list-filter" *ngIf="settings.enableSearchFilter">\r\n                <span class="c-search">\r\n                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 615.52 615.52" style="enable-background:new 0 0 615.52 615.52;"\r\n\t xml:space="preserve">\r\n<g>\r\n\t<g>\r\n\t\t<g id="Search__x28_and_thou_shall_find_x29_">\r\n\t\t\t<g>\r\n\t\t\t\t<path d="M602.531,549.736l-184.31-185.368c26.679-37.72,42.528-83.729,42.528-133.548C460.75,103.35,357.997,0,231.258,0\r\n\t\t\t\t\tC104.518,0,1.765,103.35,1.765,230.82c0,127.47,102.753,230.82,229.493,230.82c49.53,0,95.271-15.944,132.78-42.777\r\n\t\t\t\t\tl184.31,185.366c7.482,7.521,17.292,11.291,27.102,11.291c9.812,0,19.62-3.77,27.083-11.291\r\n\t\t\t\t\tC617.496,589.188,617.496,564.777,602.531,549.736z M355.9,319.763l-15.042,21.273L319.7,356.174\r\n\t\t\t\t\tc-26.083,18.658-56.667,28.526-88.442,28.526c-84.365,0-152.995-69.035-152.995-153.88c0-84.846,68.63-153.88,152.995-153.88\r\n\t\t\t\t\ts152.996,69.034,152.996,153.88C384.271,262.769,374.462,293.526,355.9,319.763z"/>\r\n\t\t\t</g>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n\r\n</svg>\r\n\r\n                </span>\r\n                <input class="c-input" *ngIf="!settings.lazyLoading && !searchTempl" #searchInput type="text" [placeholder]="settings.searchPlaceholderText"\r\n                    [(ngModel)]="filter">\r\n                <input class="c-input" *ngIf="settings.lazyLoading && !searchTempl" #searchInput type="text" [placeholder]="settings.searchPlaceholderText"\r\n                    (keyup)="filterInfiniteList($event)">\r\n                <c-templateRenderer *ngIf="searchTempl" [data]="searchTempl" [item]="item"></c-templateRenderer>\r\n            </div>\r\n            <ul *ngIf="!settings.groupBy" [style.maxHeight]="settings.maxHeight+\'px\'" class="lazyContainer">\r\n                <span *ngIf="itemTempl">\r\n            <li *ngFor="let item of data | listFilter: filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label></label>\r\n            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>\r\n        </li>\r\n        </span>\r\n                <span *ngIf="!itemTempl && !settings.lazyLoading">\r\n        <li *ngFor="let item of data | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </span>\r\n                <span *ngIf="!itemTempl && settings.lazyLoading">\r\n            <div [ngStyle]="{\'height\':totalHeight+\'px\'}" style="position: relative;">\r\n\r\n            \r\n        <li *ngFor="let item of chunkArray | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" style="position: absolute;width: 100%;" class="pure-checkbox" [styleProp]="chunkIndex[i]">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </div>\r\n        </span>\r\n            </ul>\r\n            <div *ngIf="settings.groupBy" [style.maxHeight]="settings.maxHeight+\'px\'" style="overflow: auto;">\r\n                <ul *ngFor="let obj of groupedData ; let i = index;" class="list-grp">\r\n                    <h4 *ngIf="(obj.value | listFilter:filter : settings.searchBy ).length > 0">{{obj.key}}</h4>\r\n                    <span *ngIf="itemTempl">\r\n        <li *ngFor="let item of obj.value | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label></label>\r\n            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>\r\n        </li>\r\n        </span>\r\n                    <span *ngIf="!itemTempl">\r\n        <li *ngFor="let item of obj.value | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </span>\r\n                </ul>\r\n            </div>\r\n            <h5 class="list-message" *ngIf="data?.length == 0">{{settings.noDataLabel}}</h5>\r\n        </div>\r\n    </div>\r\n</div>'},function(e,t,n){var i=n(6);e.exports="string"==typeof i?i:i.toString()},function(e,n){e.exports=t},function(e,t){e.exports=n},,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.AngularMultiSelect=i.AngularMultiSelect;var s=n(3);t.ClickOutsideDirective=s.ClickOutsideDirective;var o=n(4);t.ListFilterPipe=o.ListFilterPipe;var r=n(0);t.Item=r.Item;var l=n(0);t.TemplateRenderer=l.TemplateRenderer;var c=n(2);t.AngularMultiSelectModule=c.AngularMultiSelectModule}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common","@angular/forms"],t):"object"==typeof exports?exports.ticktock=t(require("@angular/core"),require("@angular/common"),require("@angular/forms")):e.ticktock=t(e.ng.core,e.ng.common,e.ng.forms)}(this,function(e,t,n){return function(e){function t(i){if(n[i])return n[i].exports;var s=n[i]={i:i,l:!1,exports:{}};return e[i].call(s.exports,s,s.exports,t),s.l=!0,s.exports}var n={};return t.m=e,t.c=n,t.i=function(e){return e},t.d=function(e,n,i){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:i})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=13)}([function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-item",template:""}),s("design:paramtypes",[])],e)}();t.Item=r;var l=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-badge",template:""}),s("design:paramtypes",[])],e)}();t.Badge=l;var c=function(){function e(){}return i([o.ContentChild(o.TemplateRef),s("design:type",o.TemplateRef)],e.prototype,"template",void 0),e=i([o.Component({selector:"c-search",template:""}),s("design:paramtypes",[])],e)}();t.Search=c;var a=function(){function e(e){this.viewContainer=e}return e.prototype.ngOnInit=function(){this.view=this.viewContainer.createEmbeddedView(this.data.template,{$implicit:this.data,item:this.item})},e.prototype.ngOnDestroy=function(){this.view.destroy()},i([o.Input(),s("design:type",Object)],e.prototype,"data",void 0),i([o.Input(),s("design:type",Object)],e.prototype,"item",void 0),e=i([o.Component({selector:"c-templateRenderer",template:""}),s("design:paramtypes",[o.ViewContainerRef])],e)}();t.TemplateRenderer=a},function(t,n){t.exports=e},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=n(11),l=n(10),c=n(5),a=n(3),p=n(4),d=n(0);t.DROPDOWN_CONTROL_VALUE_ACCESSOR={provide:r.NG_VALUE_ACCESSOR,useExisting:o.forwardRef(function(){return g}),multi:!0},t.DROPDOWN_CONTROL_VALIDATION={provide:r.NG_VALIDATORS,useExisting:o.forwardRef(function(){return g}),multi:!0};var h=function(){},g=function(){function e(e,t){this._elementRef=e,this.cdr=t,this.onSelect=new o.EventEmitter,this.onDeSelect=new o.EventEmitter,this.onSelectAll=new o.EventEmitter,this.onDeSelectAll=new o.EventEmitter,this.onOpen=new o.EventEmitter,this.onClose=new o.EventEmitter,this.isActive=!1,this.isSelectAll=!1,this.chunkIndex=[],this.cachedItems=[],this.itemHeight=41.6,this.defaultSettings={singleSelection:!1,text:"Select",enableCheckAll:!0,selectAllText:"Select All",unSelectAllText:"UnSelect All",enableSearchFilter:!1,searchBy:[],maxHeight:300,badgeShowLimit:999999999999,classes:"",disabled:!1,searchPlaceholderText:"Search",showCheckbox:!0,noDataLabel:"No Data Available",searchAutofocus:!0,lazyLoading:!1,labelKey:"itemName",primaryKey:"id",position:"bottom"},this.onTouchedCallback=h,this.onChangeCallback=h}return e.prototype.ngOnInit=function(){var e=this;this.settings=Object.assign(this.defaultSettings,this.settings),this.settings.groupBy&&(this.groupedData=this.transformData(this.data,this.settings.groupBy)),this.totalRows=this.data&&this.data.length,this.cachedItems=this.data,this.screenItemsLen=Math.ceil(this.settings.maxHeight/this.itemHeight),this.cachedItemsLen=3*this.screenItemsLen,this.totalHeight=this.itemHeight*this.totalRows,this.maxBuffer=this.screenItemsLen*this.itemHeight,this.lastScrolled=0,this.renderChunk(0,this.cachedItemsLen/2),"top"==this.settings.position&&setTimeout(function(){e.selectedListHeight={val:0},e.selectedListHeight.val=e.selectedListElem.nativeElement.clientHeight})},e.prototype.ngOnChanges=function(e){e.data&&!e.data.firstChange&&this.settings.groupBy&&(this.groupedData=this.transformData(this.data,this.settings.groupBy),0==this.data.length&&(this.selectedItems=[])),e.settings&&!e.settings.firstChange&&(this.settings=Object.assign(this.defaultSettings,this.settings))},e.prototype.ngDoCheck=function(){this.selectedItems&&(0==this.selectedItems.length||0==this.data.length||this.selectedItems.length<this.data.length)&&(this.isSelectAll=!1)},e.prototype.ngAfterViewInit=function(){this.settings.lazyLoading&&this._elementRef.nativeElement.getElementsByClassName("lazyContainer")[0].addEventListener("scroll",this.onScroll.bind(this))},e.prototype.ngAfterViewChecked=function(){this.selectedListElem.nativeElement.clientHeight&&"top"==this.settings.position&&this.selectedListHeight&&(this.selectedListHeight.val=this.selectedListElem.nativeElement.clientHeight,this.cdr.detectChanges())},e.prototype.onItemClick=function(e,t,n){if(this.settings.disabled)return!1;var i=this.isSelected(e),s=this.selectedItems.length<this.settings.limitSelection;i?(this.removeSelected(e),this.onDeSelect.emit(e)):this.settings.limitSelection?s&&(this.addSelected(e),this.onSelect.emit(e)):(this.addSelected(e),this.onSelect.emit(e)),(this.isSelectAll||this.data.length>this.selectedItems.length)&&(this.isSelectAll=!1),this.data.length==this.selectedItems.length&&(this.isSelectAll=!0)},e.prototype.validate=function(e){return null},e.prototype.writeValue=function(e){if(void 0!==e&&null!==e)if(this.settings.singleSelection)try{if(e.length>1)throw this.selectedItems=[e[0]],new c.MyException(404,{msg:"Single Selection Mode, Selected Items cannot have more than one item."});this.selectedItems=e}catch(e){console.error(e.body.msg)}else this.settings.limitSelection?this.selectedItems=e.slice(0,this.settings.limitSelection):this.selectedItems=e,this.selectedItems.length===this.data.length&&this.data.length>0&&(this.isSelectAll=!0);else this.selectedItems=[]},e.prototype.registerOnChange=function(e){this.onChangeCallback=e},e.prototype.registerOnTouched=function(e){this.onTouchedCallback=e},e.prototype.trackByFn=function(e,t){return t[this.settings.primaryKey]},e.prototype.isSelected=function(e){var t=this,n=!1;return this.selectedItems&&this.selectedItems.forEach(function(i){e[t.settings.primaryKey]===i[t.settings.primaryKey]&&(n=!0)}),n},e.prototype.addSelected=function(e){this.settings.singleSelection?(this.selectedItems=[],this.selectedItems.push(e),this.closeDropdown()):this.selectedItems.push(e),this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems)},e.prototype.removeSelected=function(e){var t=this;this.selectedItems&&this.selectedItems.forEach(function(n){e[t.settings.primaryKey]===n[t.settings.primaryKey]&&t.selectedItems.splice(t.selectedItems.indexOf(n),1)}),this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems)},e.prototype.toggleDropdown=function(e){var t=this;if(this.settings.disabled)return!1;this.isActive=!this.isActive,this.isActive?(this.settings.searchAutofocus&&this.settings.enableSearchFilter&&!this.searchTempl&&setTimeout(function(){t.searchInput.nativeElement.focus()},0),this.onOpen.emit(!0)):this.onClose.emit(!1),e.preventDefault()},e.prototype.closeDropdown=function(){this.searchInput&&this.settings.lazyLoading&&(this.searchInput.nativeElement.value="",this.data=[],this.data=this.cachedItems,this.totalHeight=this.itemHeight*this.data.length,this.totalRows=this.data.length,this.updateView(this.scrollTop)),this.searchInput&&(this.searchInput.nativeElement.value=""),this.filter="",this.isActive=!1,this.onClose.emit(!1)},e.prototype.toggleSelectAll=function(){this.isSelectAll?(this.selectedItems=[],this.isSelectAll=!1,this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems),this.onDeSelectAll.emit(this.selectedItems)):(this.selectedItems=[],this.selectedItems=this.data.slice(),this.isSelectAll=!0,this.onChangeCallback(this.selectedItems),this.onTouchedCallback(this.selectedItems),this.onSelectAll.emit(this.selectedItems))},e.prototype.transformData=function(e,t){var n=e.reduce(function(e,n){return e[n[t]]?e[n[t]].push(n):e[n[t]]=[n],e},{}),i=[];return Object.keys(n).map(function(e){i.push({key:e,value:n[e]})}),i},e.prototype.renderChunk=function(e,t){this.chunkArray=[],this.chunkIndex=[];var n=e+t;n>this.totalRows&&(n=this.totalRows);for(var i=e;i<n;i++)this.chunkIndex.push(i*this.itemHeight+"px"),this.chunkArray.push(this.data[i])},e.prototype.onScroll=function(e){this.scrollTop=e.target.scrollTop,this.updateView(this.scrollTop)},e.prototype.updateView=function(e){var t=e||0,n=t/this.itemHeight-this.screenItemsLen,i=""+n;n=parseInt(i)<0?0:parseInt(i),this.renderChunk(n,this.cachedItemsLen),this.lastRepaintY=t},e.prototype.filterInfiniteList=function(e){var t=[];this.data=this.cachedItems.slice(),""!=e.target.value.toString()?(this.data.filter(function(n){for(var i in n)if(n[i].toString().toLowerCase().indexOf(e.target.value.toString().toLowerCase())>=0){t.push(n);break}}),this.totalHeight=this.itemHeight*t.length,this.totalRows=t.length,this.data=[],this.data=t,this.updateView(this.scrollTop)):""==e.target.value.toString()&&this.cachedItems.length>0&&(this.data=[],this.data=this.cachedItems,this.totalHeight=this.itemHeight*this.data.length,this.totalRows=this.data.length,this.updateView(this.scrollTop))},i([o.Input(),s("design:type",Array)],e.prototype,"data",void 0),i([o.Input(),s("design:type",Object)],e.prototype,"settings",void 0),i([o.Output("onSelect"),s("design:type",o.EventEmitter)],e.prototype,"onSelect",void 0),i([o.Output("onDeSelect"),s("design:type",o.EventEmitter)],e.prototype,"onDeSelect",void 0),i([o.Output("onSelectAll"),s("design:type",o.EventEmitter)],e.prototype,"onSelectAll",void 0),i([o.Output("onDeSelectAll"),s("design:type",o.EventEmitter)],e.prototype,"onDeSelectAll",void 0),i([o.Output("onOpen"),s("design:type",o.EventEmitter)],e.prototype,"onOpen",void 0),i([o.Output("onClose"),s("design:type",o.EventEmitter)],e.prototype,"onClose",void 0),i([o.ContentChild(d.Item),s("design:type",d.Item)],e.prototype,"itemTempl",void 0),i([o.ContentChild(d.Badge),s("design:type",d.Badge)],e.prototype,"badgeTempl",void 0),i([o.ContentChild(d.Search),s("design:type",d.Search)],e.prototype,"searchTempl",void 0),i([o.ViewChild("searchInput"),s("design:type",o.ElementRef)],e.prototype,"searchInput",void 0),i([o.ViewChild("selectedList"),s("design:type",o.ElementRef)],e.prototype,"selectedListElem",void 0),e=i([o.Component({selector:"angular2-multiselect",template:n(8),host:{"[class]":"defaultSettings.classes"},styles:[n(9)],providers:[t.DROPDOWN_CONTROL_VALUE_ACCESSOR,t.DROPDOWN_CONTROL_VALIDATION]}),s("design:paramtypes",[o.ElementRef,o.ChangeDetectorRef])],e)}();t.AngularMultiSelect=g;var u=function(){function e(){}return e=i([o.NgModule({imports:[l.CommonModule,r.FormsModule],declarations:[g,a.ClickOutsideDirective,a.ScrollDirective,a.styleDirective,p.ListFilterPipe,d.Item,d.TemplateRenderer,d.Badge,d.Search,a.setPosition],exports:[g,a.ClickOutsideDirective,a.ScrollDirective,a.styleDirective,p.ListFilterPipe,d.Item,d.TemplateRenderer,d.Badge,d.Search,a.setPosition]})],e)}();t.AngularMultiSelectModule=u},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r},s=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var o=n(1),r=function(){function e(e){this._elementRef=e,this.clickOutside=new o.EventEmitter}return e.prototype.onClick=function(e,t){if(t){this._elementRef.nativeElement.contains(t)||this.clickOutside.emit(e)}},i([o.Output(),s("design:type",Object)],e.prototype,"clickOutside",void 0),i([o.HostListener("document:click",["$event","$event.target"]),o.HostListener("document:touchstart",["$event","$event.target"]),s("design:type",Function),s("design:paramtypes",[MouseEvent,HTMLElement]),s("design:returntype",void 0)],e.prototype,"onClick",null),e=i([o.Directive({selector:"[clickOutside]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.ClickOutsideDirective=r;var l=function(){function e(e){this._elementRef=e,this.scroll=new o.EventEmitter}return e.prototype.onClick=function(e,t){this.scroll.emit(e)},i([o.Output(),s("design:type",Object)],e.prototype,"scroll",void 0),i([o.HostListener("scroll",["$event"]),s("design:type",Function),s("design:paramtypes",[MouseEvent,HTMLElement]),s("design:returntype",void 0)],e.prototype,"onClick",null),e=i([o.Directive({selector:"[scroll]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.ScrollDirective=l;var c=function(){function e(e){this.el=e}return e.prototype.ngOnInit=function(){this.el.nativeElement.style.top=this.styleVal},e.prototype.ngOnChanges=function(){this.el.nativeElement.style.top=this.styleVal},i([o.Input("styleProp"),s("design:type",Number)],e.prototype,"styleVal",void 0),e=i([o.Directive({selector:"[styleProp]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.styleDirective=c;var a=function(){function e(e){this.el=e}return e.prototype.ngOnInit=function(){this.height&&(this.el.nativeElement.style.bottom=parseInt(this.height+15+"")+"px")},e.prototype.ngOnChanges=function(){this.height&&(this.el.nativeElement.style.bottom=parseInt(this.height+15+"")+"px")},i([o.Input("setPosition"),s("design:type",Number)],e.prototype,"height",void 0),e=i([o.Directive({selector:"[setPosition]"}),s("design:paramtypes",[o.ElementRef])],e)}();t.setPosition=a},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var s,o=arguments.length,r=o<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var l=e.length-1;l>=0;l--)(s=e[l])&&(r=(o<3?s(r):o>3?s(t,n,r):s(t,n))||r);return o>3&&r&&Object.defineProperty(t,n,r),r};Object.defineProperty(t,"__esModule",{value:!0});var s=n(1),o=function(){function e(){}return e.prototype.transform=function(e,t,n){var i=this;return e&&t?e.filter(function(e){return i.applyFilter(e,t,n)}):e},e.prototype.applyFilter=function(e,t,n){var i=!1;if(n.length>0)for(var s=0;s<n.length;s++)t&&e[n[s]]&&""!=e[n[s]]&&e[n[s]].toString().toLowerCase().indexOf(t.toLowerCase())>=0&&(i=!0);else for(var o in e)t&&e[o]&&e[o].toString().toLowerCase().indexOf(t.toLowerCase())>=0&&(i=!0);return i},e=i([s.Pipe({name:"listFilter",pure:!1})],e)}();t.ListFilterPipe=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(e,t){this.status=e,this.body=t}return e}();t.MyException=i},function(e,t,n){t=e.exports=n(7)(void 0),t.push([e.i,'.cuppa-dropdown {\n  position: relative; }\n\n.c-btn {\n  display: inline-block;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  font-size: 14px;\n  color: #333; }\n\n.c-btn.disabled {\n  background: #ccc; }\n\n.c-btn:focus {\n  outline: none; }\n\n.selected-list .c-list {\n  float: left;\n  padding: 0px;\n  margin: 0px;\n  width: calc(100% - 20px); }\n  .selected-list .c-list .c-token {\n    list-style: none;\n    padding: 2px 8px;\n    background: #0079FE;\n    color: #fff;\n    border-radius: 2px;\n    margin-right: 4px;\n    margin-top: 2px;\n    float: left;\n    position: relative;\n    padding-right: 25px; }\n    .selected-list .c-list .c-token .c-label {\n      display: block;\n      float: left; }\n    .selected-list .c-list .c-token .c-remove {\n      position: absolute;\n      right: 8px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 10px; }\n      .selected-list .c-list .c-token .c-remove svg {\n        fill: #fff; }\n\n.selected-list .fa-angle-down, .selected-list .fa-angle-up {\n  font-size: 15pt;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-angle-down, .selected-list .c-angle-up {\n  width: 15px;\n  height: 15px;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none; }\n  .selected-list .c-angle-down svg, .selected-list .c-angle-up svg {\n    fill: #333; }\n\n.selected-list .countplaceholder {\n  position: absolute;\n  right: 30px;\n  top: 50%;\n  transform: translateY(-50%); }\n\n.selected-list .c-btn {\n  width: 100%;\n  box-shadow: 0px 1px 5px #959595;\n  padding: 10px;\n  cursor: pointer;\n  display: flex;\n  position: relative; }\n  .selected-list .c-btn .c-icon {\n    position: absolute;\n    right: 5px;\n    top: 50%;\n    transform: translateY(-50%); }\n\n.dropdown-list {\n  position: absolute;\n  padding-top: 14px;\n  width: 100%;\n  z-index: 9999; }\n  .dropdown-list ul {\n    padding: 0px;\n    list-style: none;\n    overflow: auto;\n    margin: 0px; }\n    .dropdown-list ul li {\n      padding: 10px 10px;\n      cursor: pointer;\n      text-align: left; }\n    .dropdown-list ul li:first-child {\n      padding-top: 10px; }\n    .dropdown-list ul li:last-child {\n      padding-bottom: 10px; }\n    .dropdown-list ul li:hover {\n      background: #f5f5f5; }\n  .dropdown-list ::-webkit-scrollbar {\n    width: 8px; }\n  .dropdown-list ::-webkit-scrollbar-thumb {\n    background: #cccccc;\n    border-radius: 5px; }\n  .dropdown-list ::-webkit-scrollbar-track {\n    background: #f2f2f2; }\n\n.arrow-up, .arrow-down {\n  width: 0;\n  height: 0;\n  border-left: 13px solid transparent;\n  border-right: 13px solid transparent;\n  border-bottom: 15px solid #fff;\n  margin-left: 15px;\n  position: absolute;\n  top: 0; }\n\n.arrow-down {\n  bottom: -14px;\n  top: unset;\n  transform: rotate(180deg); }\n\n.arrow-2 {\n  border-bottom: 15px solid #ccc;\n  top: -1px; }\n\n.arrow-down.arrow-2 {\n  top: unset;\n  bottom: -16px; }\n\n.list-area {\n  border: 1px solid #ccc;\n  border-radius: 3px;\n  background: #fff;\n  margin: 0px;\n  box-shadow: 0px 1px 5px #959595; }\n\n.select-all {\n  padding: 10px;\n  border-bottom: 1px solid #ccc;\n  text-align: left; }\n\n.list-filter {\n  border-bottom: 1px solid #ccc;\n  position: relative;\n  padding-left: 35px;\n  height: 35px; }\n  .list-filter input {\n    border: 0px;\n    width: 100%;\n    height: 100%;\n    padding: 0px; }\n  .list-filter input:focus {\n    outline: none; }\n  .list-filter .c-search {\n    position: absolute;\n    top: 9px;\n    left: 10px;\n    width: 15px;\n    height: 15px; }\n    .list-filter .c-search svg {\n      fill: #888; }\n\n.pure-checkbox input[type="checkbox"] {\n  border: 0;\n  clip: rect(0 0 0 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px; }\n\n.pure-checkbox input[type="checkbox"]:focus + label:before,\n.pure-checkbox input[type="checkbox"]:hover + label:before {\n  border-color: #0079FE;\n  background-color: #f2f2f2; }\n\n.pure-checkbox input[type="checkbox"]:active + label:before {\n  transition-duration: 0s; }\n\n.pure-checkbox input[type="checkbox"] + label {\n  position: relative;\n  padding-left: 2em;\n  vertical-align: middle;\n  user-select: none;\n  cursor: pointer;\n  margin: 0px;\n  color: #000;\n  font-weight: 300; }\n\n.pure-checkbox input[type="checkbox"] + label:before {\n  box-sizing: content-box;\n  content: \'\';\n  color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 0;\n  width: 14px;\n  height: 14px;\n  margin-top: -9px;\n  border: 2px solid #0079FE;\n  text-align: center;\n  transition: all 0.4s ease; }\n\n.pure-checkbox input[type="checkbox"] + label:after {\n  box-sizing: content-box;\n  content: \'\';\n  background-color: #0079FE;\n  position: absolute;\n  top: 50%;\n  left: 4px;\n  width: 10px;\n  height: 10px;\n  margin-top: -5px;\n  transform: scale(0);\n  transform-origin: 50%;\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type="checkbox"]:disabled + label:before {\n  border-color: #cccccc; }\n\n.pure-checkbox input[type="checkbox"]:disabled:focus + label:before\n.pure-checkbox input[type="checkbox"]:disabled:hover + label:before {\n  background-color: inherit; }\n\n.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {\n  background-color: #cccccc; }\n\n.pure-checkbox input[type="checkbox"] + label:after {\n  background-color: transparent;\n  top: 50%;\n  left: 4px;\n  width: 8px;\n  height: 3px;\n  margin-top: -4px;\n  border-style: solid;\n  border-color: #ffffff;\n  border-width: 0 0 3px 3px;\n  border-image: none;\n  transform: rotate(-45deg) scale(0); }\n\n.pure-checkbox input[type="checkbox"]:checked + label:after {\n  content: \'\';\n  transform: rotate(-45deg) scale(1);\n  transition: transform 200ms ease-out; }\n\n.pure-checkbox input[type="radio"]:checked + label:before {\n  background-color: white; }\n\n.pure-checkbox input[type="radio"]:checked + label:after {\n  transform: scale(1); }\n\n.pure-checkbox input[type="radio"] + label:before {\n  border-radius: 50%; }\n\n.pure-checkbox input[type="checkbox"]:checked + label:before {\n  background: #0079FE; }\n\n.pure-checkbox input[type="checkbox"]:checked + label:after {\n  transform: rotate(-45deg) scale(1); }\n\n.list-message {\n  text-align: center;\n  margin: 0px;\n  padding: 15px 0px;\n  font-size: initial; }\n\n.list-grp {\n  padding: 0 15px !important; }\n\n.list-grp h4 {\n  text-transform: capitalize;\n  margin: 15px 0px 0px 0px;\n  font-size: 14px;\n  font-weight: 700; }\n\n.list-grp > li {\n  padding-left: 15px !important; }\n',""])},function(e,t){function n(e,t){var n=e[1]||"",s=e[3];if(!s)return n;if(t&&"function"==typeof btoa){var o=i(s);return[n].concat(s.sources.map(function(e){return"/*# sourceURL="+s.sourceRoot+e+" */"})).concat([o]).join("\n")}return[n].join("\n")}function i(e){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e))))+" */"}e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var i=n(t,e);return t[2]?"@media "+t[2]+"{"+i+"}":i}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var i={},s=0;s<this.length;s++){var o=this[s][0];"number"==typeof o&&(i[o]=!0)}for(s=0;s<e.length;s++){var r=e[s];"number"==typeof r[0]&&i[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]="("+r[2]+") and ("+n+")"),t.push(r))}},t}},function(e,t){e.exports='<div class="cuppa-dropdown" (clickOutside)="closeDropdown()">\r\n    <div class="selected-list" #selectedList>\r\n        <div class="c-btn" (click)="toggleDropdown($event)" [ngClass]="{\'disabled\': settings.disabled}">\r\n            <span *ngIf="selectedItems?.length == 0">{{settings.text}}</span>\r\n            <span *ngIf="settings.singleSelection">\r\n                <span *ngFor="let item of selectedItems;trackBy: trackByFn.bind(this);">\r\n                    {{item[settings.labelKey]}}\r\n                </span>\r\n            </span>\r\n            <div class="c-list" *ngIf="selectedItems?.length > 0 && !settings.singleSelection">\r\n                <div class="c-token" *ngFor="let item of selectedItems;trackBy: trackByFn.bind(this);let k = index" [hidden]="k > settings.badgeShowLimit-1">\r\n                    <span *ngIf="!badgeTempl" class="c-label">{{item[settings.labelKey]}}</span>\r\n                    <span *ngIf="badgeTempl" class="c-label">\r\n                        <c-templateRenderer [data]="badgeTempl" [item]="item"></c-templateRenderer>\r\n                    </span>\r\n                    <span class="c-remove" (click)="onItemClick(item,k,$event)">\r\n                        <svg width="100%" height="100%" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t viewBox="0 0 47.971 47.971" style="enable-background:new 0 0 47.971 47.971;" xml:space="preserve">\r\n<g>\r\n\t<path d="M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88\r\n\t\tc-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242\r\n\t\tC1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879\r\n\t\ts1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z"/>\r\n</g>\r\n</svg>\r\n\r\n                    </span>\r\n                </div>\r\n            </div>\r\n            <span class="countplaceholder" *ngIf="selectedItems?.length > settings.badgeShowLimit">+{{selectedItems?.length - settings.badgeShowLimit }}</span>\r\n            \x3c!--            <span class="fa" [ngClass]="{\'c-angle-down\': !isActive,\'fa-angle-up\':isActive}"></span>\r\n--\x3e<span *ngIf="!isActive" class="c-angle-down">\r\n                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">\r\n<g>\r\n\t<g id="_x31_0_34_">\r\n\t\t<g>\r\n\t\t\t<path d="M604.501,134.782c-9.999-10.05-26.222-10.05-36.221,0L306.014,422.558L43.721,134.782\r\n\t\t\t\tc-9.999-10.05-26.223-10.05-36.222,0s-9.999,26.35,0,36.399l279.103,306.241c5.331,5.357,12.422,7.652,19.386,7.296\r\n\t\t\t\tc6.988,0.356,14.055-1.939,19.386-7.296l279.128-306.268C614.5,161.106,614.5,144.832,604.501,134.782z"/>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n</svg>\r\n\r\n            </span>\r\n            <span *ngIf="isActive" class="c-angle-up">\r\n                <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve">\r\n<g>\r\n\t<g id="_x39__30_">\r\n\t\t<g>\r\n\t\t\t<path d="M604.501,440.509L325.398,134.956c-5.331-5.357-12.423-7.627-19.386-7.27c-6.989-0.357-14.056,1.913-19.387,7.27\r\n\t\t\t\tL7.499,440.509c-9.999,10.024-9.999,26.298,0,36.323s26.223,10.024,36.222,0l262.293-287.164L568.28,476.832\r\n\t\t\t\tc9.999,10.024,26.222,10.024,36.221,0C614.5,466.809,614.5,450.534,604.501,440.509z"/>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n\r\n</svg>\r\n\r\n            </span>\r\n        </div>\r\n    </div>\r\n    <div [setPosition]="selectedListHeight?.val" class="dropdown-list" [ngClass]="{\'dropdown-list-top\': settings.position == \'top\'}"\r\n        [hidden]="!isActive">\r\n        <div [ngClass]="{\'arrow-up\': settings.position == \'bottom\', \'arrow-down\': settings.position == \'top\'}" class="arrow-2"></div>\r\n        <div [ngClass]="{\'arrow-up\': settings.position == \'bottom\', \'arrow-down\': settings.position == \'top\'}"></div>\r\n        <div class="list-area">\r\n            <div class="pure-checkbox select-all" *ngIf="settings.enableCheckAll && !settings.singleSelection && !settings.limitSelection"\r\n                (click)="toggleSelectAll()">\r\n                <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelectAll" [disabled]="settings.limitSelection == selectedItems?.length"\r\n                />\r\n                <label>\r\n                <span [hidden]="isSelectAll">{{settings.selectAllText}}</span>\r\n                <span [hidden]="!isSelectAll">{{settings.unSelectAllText}}</span>\r\n            </label>\r\n            </div>\r\n            <div class="list-filter" *ngIf="settings.enableSearchFilter">\r\n                <span class="c-search">\r\n                    <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"\r\n\t width="100%" height="100%" viewBox="0 0 615.52 615.52" style="enable-background:new 0 0 615.52 615.52;"\r\n\t xml:space="preserve">\r\n<g>\r\n\t<g>\r\n\t\t<g id="Search__x28_and_thou_shall_find_x29_">\r\n\t\t\t<g>\r\n\t\t\t\t<path d="M602.531,549.736l-184.31-185.368c26.679-37.72,42.528-83.729,42.528-133.548C460.75,103.35,357.997,0,231.258,0\r\n\t\t\t\t\tC104.518,0,1.765,103.35,1.765,230.82c0,127.47,102.753,230.82,229.493,230.82c49.53,0,95.271-15.944,132.78-42.777\r\n\t\t\t\t\tl184.31,185.366c7.482,7.521,17.292,11.291,27.102,11.291c9.812,0,19.62-3.77,27.083-11.291\r\n\t\t\t\t\tC617.496,589.188,617.496,564.777,602.531,549.736z M355.9,319.763l-15.042,21.273L319.7,356.174\r\n\t\t\t\t\tc-26.083,18.658-56.667,28.526-88.442,28.526c-84.365,0-152.995-69.035-152.995-153.88c0-84.846,68.63-153.88,152.995-153.88\r\n\t\t\t\t\ts152.996,69.034,152.996,153.88C384.271,262.769,374.462,293.526,355.9,319.763z"/>\r\n\t\t\t</g>\r\n\t\t</g>\r\n\t</g>\r\n</g>\r\n\r\n</svg>\r\n\r\n                </span>\r\n                <input class="c-input" *ngIf="!settings.lazyLoading && !searchTempl" #searchInput type="text" [placeholder]="settings.searchPlaceholderText"\r\n                    [(ngModel)]="filter">\r\n                <input class="c-input" *ngIf="settings.lazyLoading && !searchTempl" #searchInput type="text" [placeholder]="settings.searchPlaceholderText"\r\n                    (keyup)="filterInfiniteList($event)">\r\n                <c-templateRenderer *ngIf="searchTempl" [data]="searchTempl" [item]="item"></c-templateRenderer>\r\n            </div>\r\n            <ul *ngIf="!settings.groupBy" [style.maxHeight]="settings.maxHeight+\'px\'" class="lazyContainer">\r\n                <span *ngIf="itemTempl">\r\n            <li *ngFor="let item of data | listFilter: filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label></label>\r\n            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>\r\n        </li>\r\n        </span>\r\n                <span *ngIf="!itemTempl && !settings.lazyLoading">\r\n        <li *ngFor="let item of data | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </span>\r\n                <span *ngIf="!itemTempl && settings.lazyLoading">\r\n            <div [ngStyle]="{\'height\':totalHeight+\'px\'}" style="position: relative;">\r\n\r\n            \r\n        <li *ngFor="let item of chunkArray | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" style="position: absolute;width: 100%;" class="pure-checkbox" [styleProp]="chunkIndex[i]">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </div>\r\n        </span>\r\n            </ul>\r\n            <div *ngIf="settings.groupBy" [style.maxHeight]="settings.maxHeight+\'px\'" style="overflow: auto;">\r\n                <ul *ngFor="let obj of groupedData ; let i = index;" class="list-grp">\r\n                    <h4 *ngIf="(obj.value | listFilter:filter : settings.searchBy ).length > 0">{{obj.key}}</h4>\r\n                    <span *ngIf="itemTempl">\r\n        <li *ngFor="let item of obj.value | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label></label>\r\n            <c-templateRenderer [data]="itemTempl" [item]="item"></c-templateRenderer>\r\n        </li>\r\n        </span>\r\n                    <span *ngIf="!itemTempl">\r\n        <li *ngFor="let item of obj.value | listFilter:filter : settings.searchBy; let i = index;" (click)="onItemClick(item,i,$event)" class="pure-checkbox">\r\n            <input *ngIf="settings.showCheckbox" type="checkbox" [checked]="isSelected(item)" [disabled]="settings.limitSelection == selectedItems?.length && !isSelected(item)"/>\r\n            <label>{{item[settings.labelKey]}}</label>\r\n        </li>\r\n        </span>\r\n                </ul>\r\n            </div>\r\n            <h5 class="list-message" *ngIf="data?.length == 0">{{settings.noDataLabel}}</h5>\r\n        </div>\r\n    </div>\r\n</div>'},function(e,t,n){var i=n(6);e.exports="string"==typeof i?i:i.toString()},function(e,n){e.exports=t},function(e,t){e.exports=n},,function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2);t.AngularMultiSelect=i.AngularMultiSelect;var s=n(3);t.ClickOutsideDirective=s.ClickOutsideDirective;var o=n(4);t.ListFilterPipe=o.ListFilterPipe;var r=n(0);t.Item=r.Item;var l=n(0);t.TemplateRenderer=l.TemplateRenderer;var c=n(2);t.AngularMultiSelectModule=c.AngularMultiSelectModule}])});
 //# sourceMappingURL=index.umd.min.js.map

multiselect.component.js

@@ -161,3 +161,3 @@ import { Component, NgModule, ChangeDetectorRef, ContentChild, ViewChild, forwardRef, Input, Output, EventEmitter, ElementRef } from '@angular/core';
                 if (this.settings.limitSelection) {
-                    this.selectedItems = value.splice(0, this.settings.limitSelection);
+                    this.selectedItems = value.slice(0, this.settings.limitSelection);
                 }
@@ -164,0 +164,0 @@ else {

package.json

 {
   "name": "angular2-multiselect-dropdown",
-  "version": "2.9.0",
+  "version": "2.9.1",
   "description": "Angular 2 and angular 4 multiselect dropdown component.",
@@ -36,3 +36,2 @@ "keywords": [
     "prebuild:watch": "rimraf dist tmp",
-    "prepublishOnly": "npm run ci",
     "preversion": "npm run ci",
@@ -45,10 +44,9 @@ "test": "karma start",
   "private": false,
-  "dependencies": {
-  },
+  "dependencies": {},
   "devDependencies": {
+    "@angular/animations": "^4.0.0",
+    "@angular/cli": "^1.3.2",
     "@angular/common": "^4.0.0",
     "@angular/compiler": "^4.0.0",
     "@angular/compiler-cli": "^4.0.0",
-    "@angular/animations": "^4.0.0",
-    "@angular/cli": "^1.3.2",
     "@angular/core": "^4.0.0",
@@ -63,2 +61,3 @@ "@angular/forms": "^4.0.0",
     "@types/karma": "^0.13.35",
+    "@types/log4js": "0.0.33",
     "@types/node": "^7.0.18",
@@ -69,4 +68,4 @@ "@types/webpack": "^2.2.15",
     "awesome-typescript-loader": "^3.1.3",
+    "bootstrap": "^4.0.0-beta.2",
     "codecov": "^2.2.0",
-    "ignore-loader": "*",
     "codelyzer": "^3.0.1",
@@ -79,6 +78,6 @@ "concurrently": "^3.4.0",
     "gulp-inline-ng2-template": "^4.0.0",
+    "ignore-loader": "*",
     "istanbul-instrumenter-loader": "^2.0.0",
     "jasmine-core": "^2.6.1",
     "json-loader": "^0.5.4",
-    "@types/log4js": "0.0.33",
     "karma": "^1.7.0",
@@ -91,3 +90,6 @@ "karma-chrome-launcher": "^2.1.1",
     "karma-webpack": "^2.0.3",
+    "natives": "^1.1.4",
+    "ng2-gist": "*",
     "node-sass": "^4.5.2",
+    "primeng": "*",
     "raw-loader": "^0.5.1",
@@ -105,6 +107,3 @@ "rimraf": "2.6.1",
     "webpack-rxjs-externals": "^1.0.0",
-    "zone.js": "^0.8.10",
-    "ng2-gist": "*",
-    "primeng": "*",
-    "bootstrap": "^4.0.0-beta.2"
+    "zone.js": "^0.8.10"
   },
@@ -118,2 +117,2 @@ "repository": {
   }
-}
+}

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

723652

decreased by-0.04%

Dev dependency count

57

increased by1.79%

No dependency changes