cm-select - npm Package Compare versions

Comparing version 0.0.9 to 0.0.10

bundles/cm-select.umd.js

@@ -217,2 +217,7 @@ (function (global, factory) {
         };
+        CheckboxComponent.prototype.ngOnChanges = function (changes) {
+            if (changes.items) {
+                this.setSelectedItems();
+            }
+        };
         CheckboxComponent.prototype.setSelectedItems = function () {
@@ -301,2 +306,5 @@ var _this = this;
         };
+        CheckboxComponent.prototype.onItemChange = function () {
+            this.selected = this.items.filter(function (i) { return i.checked; });
+        };
         __decorate([
@@ -345,3 +353,3 @@ core.Input(),
                 selector: 'cm-select-checkbox',
-                template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n              <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n              <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n    \n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
+                template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n            <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n            <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\" (ngModelChange)=\"onItemChange()\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
                 styles: ["@charset \"UTF-8\";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}"]
@@ -348,0 +356,0 @@ }),

bundles/cm-select.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("cm-select",["exports","@angular/core","@angular/common","@angular/forms","rxjs","rxjs/operators"],e):e((t=t||self)["cm-select"]={},t.ng.core,t.ng.common,t.ng.forms,t.rxjs,t.rxjs.operators)}(this,function(t,e,n,i,p,o){"use strict";function r(t,e,n,i){var p,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var a=t.length-1;a>=0;a--)(p=t[a])&&(r=(o<3?p(r):o>3?p(e,n,r):p(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r}function a(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function d(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}var c=function(){function t(){}return t.ngInjectableDef=e.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t=r([e.Injectable({providedIn:"root"}),a("design:paramtypes",[])],t)}(),m=function(t){this.filter=!!t&&t.filter,this.image=!!t&&t.image,this.imageUrlKey=t?t.imageUrl:null,this.single=!!t&&t.single,this.top=t?t.top:32,this.loadingText=t?t.loadingText||"Loading ...":"Loading..."},s=function(){function t(){this.bindLabel="name",this.bindValue="id",this.items=[],this.selected=[],this.selectedIds=[],this.loading=!1,this.search=new e.EventEmitter,this.changed=new e.EventEmitter,this.idsChanged=new e.EventEmitter}return t.prototype.ngOnInit=function(){this.options=new m(this.options)},t.prototype.onChange=function(t){this.changed.emit(t)},t.prototype.onIdsChanged=function(t){this.idsChanged.emit(t)},t.prototype.onSearch=function(t){this.search.emit(t)},r([e.Input(),a("design:type",m)],t.prototype,"options",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"bindLabel",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"bindValue",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"items",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"selected",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"selectedIds",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"loading",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"search",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"changed",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"idsChanged",void 0),t=r([e.Component({selector:"cm-select",template:'<cm-select-checkbox [items]="items" [bindLabel]="bindLabel" [bindValue]="bindValue" [options]="options" [selected]="selected" [selectedIds]="selectedIds"\n[loading]="loading"\n (search)="onSearch($event)" (changed)="onChange($event)" (idsChanged)="onIdsChanged($event)">\n</cm-select-checkbox>\n'}),a("design:paramtypes",[])],t)}(),l=function(t){if(!t)return t;var e=[];return t.forEach(function(t){Array.isArray(t)?e.push(l(t)):"object"==typeof t?e.push(g(t)):e.push(t)}),e},g=function(t){var e,n;if(!t)return t;var i=Object.keys(t);if(!i.length)return t;var p={};try{for(var o=d(i),r=o.next();!r.done;r=o.next()){var a=r.value;Array.isArray(t[a])?p[a]=l(t[a]):"object"==typeof t[a]?p[a]=g(t[a]):p[a]=t[a]}}catch(c){e={error:c}}finally{try{r&&!r.done&&(n=o["return"])&&n.call(o)}finally{if(e)throw e.error}}return p},h=function(){function t(){this.bindLabel="name",this.bindValue="id",this.items=[],this.loading=!1,this.selected=[],this.selectedIds=[],this.search=new e.EventEmitter,this.changed=new e.EventEmitter,this.idsChanged=new e.EventEmitter,this.q=""}return t.prototype.ngOnInit=function(){this.options=new m(this.options),this.items=l(this.items),this.setSelectedItems()},t.prototype.setSelectedItems=function(){var t=this;this.selected&&this.selected.length?this.selected.forEach(function(e){var n,i;try{for(var p=d(t.items),o=p.next();!o.done;o=p.next()){var r=o.value;if(r.id===e.id){r.checked=!0;break}}}catch(a){n={error:a}}finally{try{o&&!o.done&&(i=p["return"])&&i.call(p)}finally{if(n)throw n.error}}}):this.selectedIds&&this.selectedIds.length&&this.selectedIds.forEach(function(e){var n,i;try{for(var p=d(t.items),o=p.next();!o.done;o=p.next()){var r=o.value;if(r.id===e){r.checked=!0;break}}}catch(a){n={error:a}}finally{try{o&&!o.done&&(i=p["return"])&&i.call(p)}finally{if(n)throw n.error}}})},t.prototype.clearSelections=function(){this.items.forEach(function(t){return t.checked=!1}),this.emitChange()},t.prototype.applySelections=function(){this.options.single?this.selected=this.checkedItem:this.selected=this.items.filter(function(t){return t.checked}),this.emitChange(this.selected)},t.prototype.emitChange=function(t){this.options.single?t?(this.changed.emit(this.selected),this.idsChanged.emit(t.id)):(this.changed.emit(null),this.idsChanged.emit(null)):t?(this.changed.emit(this.selected),this.idsChanged.emit(t.map(function(t){return t.id}))):(this.changed.emit([]),this.idsChanged.emit([]))},t.prototype.onSearch=function(t){this.search.emit(t)},r([e.Input(),a("design:type",m)],t.prototype,"options",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"bindLabel",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"bindValue",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"items",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"loading",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"selected",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"selectedIds",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"search",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"changed",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"idsChanged",void 0),t=r([e.Component({selector:"cm-select-checkbox",template:'<div class="checkbox-container select-container" [style.top.px]="options.top">\n  <div class="select-container__header" *ngIf="options.filter">\n    <input libSearchInput class="search-input" type="text" [(ngModel)]="q" placeholder="Search" [text]="q" (inputChanged)="onSearch($event)">\n  </div>\n  <div class="select-container__body">\n    <ng-container *ngIf="!loading">\n      <ng-container *ngFor="let item of items | filter: {field: bindLabel, value: q}; let i = index;">\n        <div class="checkbox-option">\n          <ng-container *ngIf="options.single">\n              <input class="app-radio-checkbox mr10" type="radio" [id]="item.id" [(ngModel)]="checkedItem" [value]="item">\n          </ng-container>\n          <ng-container *ngIf="!options.single">\n              <input class="app-checkbox mr10" type="checkbox" [id]="item.id" [(ngModel)]="item.checked">\n          </ng-container>\n          <img class="checkbox-image" [src]="item[options.imageUrlKey]" [alt]="item[bindLabel] + \' image\'" *ngIf="options.image">\n          <label class="checbox-label" [for]="item.id">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf="loading">\n      {{ options.loadingText }}\n    </ng-container>\n    \n  </div>\n  <div class="select-container__footer">\n    <button class="app-btn transparent" (click)="clearSelections()">Clear</button>\n    <button class="app-btn primary" (click)="applySelections()">Apply</button>\n  </div>\n</div>\n  ',styles:['@charset "UTF-8";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:"";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:"✓";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:"";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:"✓";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}']}),a("design:paramtypes",[])],t)}(),u=function(){function t(){}return t.prototype.transform=function(t,e){if(!t||!e||!e.value)return t;if(e.field)try{return t.filter(function(t){return t[e.field].toLowerCase().includes(e.value)})}catch(n){return null}else try{return t.filter(function(t){return t.toLowerCase().includes(e.value)})}catch(n){return null}},t=r([e.Pipe({name:"filter"})],t)}(),x=function(){function t(){}return t=r([e.NgModule({declarations:[u],exports:[u]})],t)}(),f=function(){function t(t,n){this.searchInputUpdated=new p.Subject,this.inputChanged=new e.EventEmitter,this.subscribeToSearchInput()}return Object.defineProperty(t.prototype,"text",{get:function(){return this.q},set:function(t){this.q=t,this.searchInputUpdated.next(this.q)},enumerable:!0,configurable:!0}),t.prototype.subscribeToSearchInput=function(){var t=this;this.searchChangeEmitter=this.searchInputUpdated.asObservable().pipe(o.debounceTime(300),o.distinctUntilChanged()),this.searchChangeEmitter.subscribe(function(e){t.inputChanged.emit(e)})},r([e.Input(),a("design:type",String),a("design:paramtypes",[String])],t.prototype,"text",null),r([e.Output(),a("design:type",Object)],t.prototype,"inputChanged",void 0),t=r([e.Directive({selector:"[libSearchInput]"}),a("design:paramtypes",[e.ElementRef,e.Renderer2])],t)}(),b=function(){function t(){}return t=r([e.NgModule({declarations:[h,f],imports:[n.CommonModule,i.FormsModule,x],exports:[h]})],t)}(),y=function(){function t(){}return t=r([e.NgModule({declarations:[s],imports:[b],providers:[c],exports:[s]})],t)}();t.CmSelectComponent=s,t.CmSelectModule=y,t.CmSelectService=c,t.ɵa=b,t.ɵb=h,t.ɵc=f,t.ɵd=u,t.ɵe=x,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("cm-select",["exports","@angular/core","@angular/common","@angular/forms","rxjs","rxjs/operators"],e):e((t=t||self)["cm-select"]={},t.ng.core,t.ng.common,t.ng.forms,t.rxjs,t.rxjs.operators)}(this,function(t,e,n,i,p,o){"use strict";function r(t,e,n,i){var p,o=arguments.length,r=o<3?e:null===i?i=Object.getOwnPropertyDescriptor(e,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,n,i);else for(var a=t.length-1;a>=0;a--)(p=t[a])&&(r=(o<3?p(r):o>3?p(e,n,r):p(e,n))||r);return o>3&&r&&Object.defineProperty(e,n,r),r}function a(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function d(t){var e="function"==typeof Symbol&&t[Symbol.iterator],n=0;return e?e.call(t):{next:function(){return t&&n>=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}}}var c=function(){function t(){}return t.ngInjectableDef=e.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t=r([e.Injectable({providedIn:"root"}),a("design:paramtypes",[])],t)}(),m=function(t){this.filter=!!t&&t.filter,this.image=!!t&&t.image,this.imageUrlKey=t?t.imageUrl:null,this.single=!!t&&t.single,this.top=t?t.top:32,this.loadingText=t?t.loadingText||"Loading ...":"Loading..."},s=function(){function t(){this.bindLabel="name",this.bindValue="id",this.items=[],this.selected=[],this.selectedIds=[],this.loading=!1,this.search=new e.EventEmitter,this.changed=new e.EventEmitter,this.idsChanged=new e.EventEmitter}return t.prototype.ngOnInit=function(){this.options=new m(this.options)},t.prototype.onChange=function(t){this.changed.emit(t)},t.prototype.onIdsChanged=function(t){this.idsChanged.emit(t)},t.prototype.onSearch=function(t){this.search.emit(t)},r([e.Input(),a("design:type",m)],t.prototype,"options",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"bindLabel",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"bindValue",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"items",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"selected",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"selectedIds",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"loading",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"search",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"changed",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"idsChanged",void 0),t=r([e.Component({selector:"cm-select",template:'<cm-select-checkbox [items]="items" [bindLabel]="bindLabel" [bindValue]="bindValue" [options]="options" [selected]="selected" [selectedIds]="selectedIds"\n[loading]="loading"\n (search)="onSearch($event)" (changed)="onChange($event)" (idsChanged)="onIdsChanged($event)">\n</cm-select-checkbox>\n'}),a("design:paramtypes",[])],t)}(),l=function(t){if(!t)return t;var e=[];return t.forEach(function(t){Array.isArray(t)?e.push(l(t)):"object"==typeof t?e.push(g(t)):e.push(t)}),e},g=function(t){var e,n;if(!t)return t;var i=Object.keys(t);if(!i.length)return t;var p={};try{for(var o=d(i),r=o.next();!r.done;r=o.next()){var a=r.value;Array.isArray(t[a])?p[a]=l(t[a]):"object"==typeof t[a]?p[a]=g(t[a]):p[a]=t[a]}}catch(c){e={error:c}}finally{try{r&&!r.done&&(n=o["return"])&&n.call(o)}finally{if(e)throw e.error}}return p},h=function(){function t(){this.bindLabel="name",this.bindValue="id",this.items=[],this.loading=!1,this.selected=[],this.selectedIds=[],this.search=new e.EventEmitter,this.changed=new e.EventEmitter,this.idsChanged=new e.EventEmitter,this.q=""}return t.prototype.ngOnInit=function(){this.options=new m(this.options),this.items=l(this.items),this.setSelectedItems()},t.prototype.ngOnChanges=function(t){t.items&&this.setSelectedItems()},t.prototype.setSelectedItems=function(){var t=this;this.selected&&this.selected.length?this.selected.forEach(function(e){var n,i;try{for(var p=d(t.items),o=p.next();!o.done;o=p.next()){var r=o.value;if(r.id===e.id){r.checked=!0;break}}}catch(a){n={error:a}}finally{try{o&&!o.done&&(i=p["return"])&&i.call(p)}finally{if(n)throw n.error}}}):this.selectedIds&&this.selectedIds.length&&this.selectedIds.forEach(function(e){var n,i;try{for(var p=d(t.items),o=p.next();!o.done;o=p.next()){var r=o.value;if(r.id===e){r.checked=!0;break}}}catch(a){n={error:a}}finally{try{o&&!o.done&&(i=p["return"])&&i.call(p)}finally{if(n)throw n.error}}})},t.prototype.clearSelections=function(){this.items.forEach(function(t){return t.checked=!1}),this.emitChange()},t.prototype.applySelections=function(){this.options.single?this.selected=this.checkedItem:this.selected=this.items.filter(function(t){return t.checked}),this.emitChange(this.selected)},t.prototype.emitChange=function(t){this.options.single?t?(this.changed.emit(this.selected),this.idsChanged.emit(t.id)):(this.changed.emit(null),this.idsChanged.emit(null)):t?(this.changed.emit(this.selected),this.idsChanged.emit(t.map(function(t){return t.id}))):(this.changed.emit([]),this.idsChanged.emit([]))},t.prototype.onSearch=function(t){this.search.emit(t)},t.prototype.onItemChange=function(){this.selected=this.items.filter(function(t){return t.checked})},r([e.Input(),a("design:type",m)],t.prototype,"options",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"bindLabel",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"bindValue",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"items",void 0),r([e.Input(),a("design:type",Object)],t.prototype,"loading",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"selected",void 0),r([e.Input(),a("design:type",Array)],t.prototype,"selectedIds",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"search",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"changed",void 0),r([e.Output(),a("design:type",e.EventEmitter)],t.prototype,"idsChanged",void 0),t=r([e.Component({selector:"cm-select-checkbox",template:'<div class="checkbox-container select-container" [style.top.px]="options.top">\n  <div class="select-container__header" *ngIf="options.filter">\n    <input libSearchInput class="search-input" type="text" [(ngModel)]="q" placeholder="Search" [text]="q" (inputChanged)="onSearch($event)">\n  </div>\n  <div class="select-container__body">\n    <ng-container *ngIf="!loading">\n      <ng-container *ngFor="let item of items | filter: {field: bindLabel, value: q}; let i = index;">\n        <div class="checkbox-option">\n          <ng-container *ngIf="options.single">\n            <input class="app-radio-checkbox mr10" type="radio" [id]="item.id" [(ngModel)]="checkedItem" [value]="item">\n          </ng-container>\n          <ng-container *ngIf="!options.single">\n            <input class="app-checkbox mr10" type="checkbox" [id]="item.id" [(ngModel)]="item.checked" (ngModelChange)="onItemChange()">\n          </ng-container>\n          <img class="checkbox-image" [src]="item[options.imageUrlKey]" [alt]="item[bindLabel] + \' image\'" *ngIf="options.image">\n          <label class="checbox-label" [for]="item.id">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf="loading">\n      {{ options.loadingText }}\n    </ng-container>\n  </div>\n  <div class="select-container__footer">\n    <button class="app-btn transparent" (click)="clearSelections()">Clear</button>\n    <button class="app-btn primary" (click)="applySelections()">Apply</button>\n  </div>\n</div>\n  ',styles:['@charset "UTF-8";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:"";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:"✓";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:"";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:"✓";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}']}),a("design:paramtypes",[])],t)}(),u=function(){function t(){}return t.prototype.transform=function(t,e){if(!t||!e||!e.value)return t;if(e.field)try{return t.filter(function(t){return t[e.field].toLowerCase().includes(e.value)})}catch(n){return null}else try{return t.filter(function(t){return t.toLowerCase().includes(e.value)})}catch(n){return null}},t=r([e.Pipe({name:"filter"})],t)}(),x=function(){function t(){}return t=r([e.NgModule({declarations:[u],exports:[u]})],t)}(),f=function(){function t(t,n){this.searchInputUpdated=new p.Subject,this.inputChanged=new e.EventEmitter,this.subscribeToSearchInput()}return Object.defineProperty(t.prototype,"text",{get:function(){return this.q},set:function(t){this.q=t,this.searchInputUpdated.next(this.q)},enumerable:!0,configurable:!0}),t.prototype.subscribeToSearchInput=function(){var t=this;this.searchChangeEmitter=this.searchInputUpdated.asObservable().pipe(o.debounceTime(300),o.distinctUntilChanged()),this.searchChangeEmitter.subscribe(function(e){t.inputChanged.emit(e)})},r([e.Input(),a("design:type",String),a("design:paramtypes",[String])],t.prototype,"text",null),r([e.Output(),a("design:type",Object)],t.prototype,"inputChanged",void 0),t=r([e.Directive({selector:"[libSearchInput]"}),a("design:paramtypes",[e.ElementRef,e.Renderer2])],t)}(),b=function(){function t(){}return t=r([e.NgModule({declarations:[h,f],imports:[n.CommonModule,i.FormsModule,x],exports:[h]})],t)}(),y=function(){function t(){}return t=r([e.NgModule({declarations:[s],imports:[b],providers:[c],exports:[s]})],t)}();t.CmSelectComponent=s,t.CmSelectModule=y,t.CmSelectService=c,t.ɵa=b,t.ɵb=h,t.ɵc=f,t.ɵd=u,t.ɵe=x,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=cm-select.umd.min.js.map

cm-select.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"CmSelectService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"CmSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"cm-select","styles":[],"template":"<cm-select-checkbox [items]=\"items\" [bindLabel]=\"bindLabel\" [bindValue]=\"bindValue\" [options]=\"options\" [selected]=\"selected\" [selectedIds]=\"selectedIds\"\n[loading]=\"loading\"\n (search)=\"onSearch($event)\" (changed)=\"onChange($event)\" (idsChanged)=\"onIdsChanged($event)\">\n</cm-select-checkbox>\n"}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"bindLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"bindValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"selectedIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"idsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onIdsChanged":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}]}},"CmSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CmSelectComponent"}],"imports":[{"__symbolic":"reference","name":"ɵa"}],"providers":[{"__symbolic":"reference","name":"CmSelectService"}],"exports":[{"__symbolic":"reference","name":"CmSelectComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"cm-select-checkbox","template":"<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n              <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n              <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n    \n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ","styles":["@charset \"UTF-8\";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:\"✓\";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:\"✓\";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"bindLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"bindValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"selectedIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"idsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setSelectedItems":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"applySelections":[{"__symbolic":"method"}],"emitChange":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[libSearchInput]"}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"inputChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":23,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":23,"character":42}]}],"subscribeToSearchInput":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"filter"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}}},"origins":{"CmSelectService":"./lib/cm-select.service","CmSelectComponent":"./lib/cm-select.component","CmSelectModule":"./lib/cm-select.module","ɵa":"./lib/checkbox/checkbox.module","ɵb":"./lib/checkbox/checkbox.component","ɵc":"./lib/utils/search-input.directive","ɵd":"./lib/utils/filter.pipe","ɵe":"./lib/utils/filter.pipe"},"importAs":"cm-select"}
+{"__symbolic":"module","version":4,"metadata":{"CmSelectService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]},"statics":{"ngInjectableDef":{}}},"CmSelectComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"cm-select","styles":[],"template":"<cm-select-checkbox [items]=\"items\" [bindLabel]=\"bindLabel\" [bindValue]=\"bindValue\" [options]=\"options\" [selected]=\"selected\" [selectedIds]=\"selectedIds\"\n[loading]=\"loading\"\n (search)=\"onSearch($event)\" (changed)=\"onChange($event)\" (idsChanged)=\"onIdsChanged($event)\">\n</cm-select-checkbox>\n"}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"bindLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"bindValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"selectedIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"idsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onIdsChanged":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}]}},"CmSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CmSelectComponent"}],"imports":[{"__symbolic":"reference","name":"ɵa"}],"providers":[{"__symbolic":"reference","name":"CmSelectService"}],"exports":[{"__symbolic":"reference","name":"CmSelectComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":8,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":14,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":15,"character":4},{"__symbolic":"reference","name":"ɵe"}],"exports":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"cm-select-checkbox","template":"<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n            <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n            <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\" (ngModelChange)=\"onItemChange()\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ","styles":["@charset \"UTF-8\";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:\"✓\";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:\"✓\";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}"]}]}],"members":{"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"bindLabel":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"bindValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":3}}]}],"loading":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"selectedIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":3}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"idsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"setSelectedItems":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"applySelections":[{"__symbolic":"method"}],"emitChange":[{"__symbolic":"method"}],"onSearch":[{"__symbolic":"method"}],"onItemChange":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[libSearchInput]"}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"inputChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":23,"character":20},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":23,"character":42}]}],"subscribeToSearchInput":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"filter"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵd"}],"exports":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}}},"origins":{"CmSelectService":"./lib/cm-select.service","CmSelectComponent":"./lib/cm-select.component","CmSelectModule":"./lib/cm-select.module","ɵa":"./lib/checkbox/checkbox.module","ɵb":"./lib/checkbox/checkbox.component","ɵc":"./lib/utils/search-input.directive","ɵd":"./lib/utils/filter.pipe","ɵe":"./lib/utils/filter.pipe"},"importAs":"cm-select"}

esm2015/lib/checkbox/checkbox.component.js

@@ -23,2 +23,7 @@ import * as tslib_1 from "tslib";
     }
+    ngOnChanges(changes) {
+        if (changes.items) {
+            this.setSelectedItems();
+        }
+    }
     setSelectedItems() {
@@ -84,2 +89,5 @@ if (this.selected && this.selected.length) {
     }
+    onItemChange() {
+        this.selected = this.items.filter(i => i.checked);
+    }
 };
@@ -129,3 +137,3 @@ tslib_1.__decorate([
         selector: 'cm-select-checkbox',
-        template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n              <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n              <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n    \n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
+        template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n            <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n            <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\" (ngModelChange)=\"onItemChange()\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
         styles: ["@charset \"UTF-8\";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}"]
@@ -136,2 +144,2 @@ }),
 export { CheckboxComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vY20tc2VsZWN0LyIsInNvdXJjZXMiOlsibGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBT2pELElBQWEsaUJBQWlCLEdBQTlCLE1BQWEsaUJBQWlCO0lBZ0I1QjtRQWJTLGNBQVMsR0FBRyxNQUFNLENBQUM7UUFDbkIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQixVQUFLLEdBQWUsRUFBRSxDQUFDO1FBQ3ZCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsYUFBUSxHQUFlLEVBQUUsQ0FBQztRQUMxQixnQkFBVyxHQUFhLEVBQUUsQ0FBQztRQUMxQixXQUFNLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEQsWUFBTyxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELGVBQVUsR0FBMkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVsRSxNQUFDLEdBQUcsRUFBRSxDQUFDO0lBSU4sQ0FBQztJQUVGLFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN6QyxJQUFJLENBQUMsS0FBSyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELGdCQUFnQjtRQUNkLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFB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akI7SUFBUixLQUFLLEVBQUU7O2dEQUF3QjtBQUN2QjtJQUFSLEtBQUssRUFBRTs7a0RBQWlCO0FBQ2hCO0lBQVIsS0FBSyxFQUFFOzttREFBMkI7QUFDMUI7SUFBUixLQUFLLEVBQUU7O3NEQUE0QjtBQUMxQjtJQUFULE1BQU0sRUFBRTtzQ0FBUyxZQUFZO2lEQUE4QjtBQUNsRDtJQUFULE1BQU0sRUFBRTtzQ0FBVSxZQUFZO2tEQUFrQztBQUN2RDtJQUFULE1BQU0sRUFBRTtzQ0FBYSxZQUFZO3FEQUFnQztBQVh2RCxpQkFBaUI7SUFMN0IsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLG9CQUFvQjtRQUM5Qiw2akRBQXdDOztLQUV6QyxDQUFDOztHQUNXLGlCQUFpQixDQXFGN0I7U0FyRlksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSXRlbVR5cGUgfSBmcm9tICcuLi9tb2RlbHMvY2xhc3Nlcyc7XG5pbXBvcnQgeyBPcHRpb25zIH0gZnJvbSAnLi4vbW9kZWxzL2NsYXNzZXMnO1xuaW1wb3J0IHsgZGVlcENvcHlBcnJheSB9IGZyb20gJy4uL3V0aWxzL2hlbHBlcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjbS1zZWxlY3QtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0ICB7XG5cbiAgQElucHV0KCkgb3B0aW9uczogT3B0aW9ucztcbiAgQElucHV0KCkgYmluZExhYmVsID0gJ25hbWUnO1xuICBASW5wdXQoKSBiaW5kVmFsdWUgPSAnaWQnO1xuICBASW5wdXQoKSBpdGVtczogSXRlbVR5cGVbXSA9IFtdO1xuICBASW5wdXQoKSBsb2FkaW5nID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNlbGVjdGVkOiBJdGVtVHlwZVtdID0gW107XG4gIEBJbnB1dCgpIHNlbGVjdGVkSWRzOiBudW1iZXJbXSA9IFtdO1xuICBAT3V0cHV0KCkgc2VhcmNoOiBFdmVudEVtaXR0ZXI8c3RyaW5nPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGNoYW5nZWQ6IEV2ZW50RW1pdHRlcjxJdGVtVHlwZVtdPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIGlkc0NoYW5nZWQ6IEV2ZW50RW1pdHRlcjxudW1iZXJbXT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgcSA9ICcnO1xuICBjaGVja2VkSXRlbTogYW55O1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMub3B0aW9ucyA9IG5ldyBPcHRpb25zKHRoaXMub3B0aW9ucyk7XG4gICAgdGhpcy5pdGVtcyA9IGRlZXBDb3B5QXJyYXkodGhpcy5pdGVtcyk7XG4gICAgdGhpcy5zZXRTZWxlY3RlZEl0ZW1zKCk7XG4gIH1cblxuICBzZXRTZWxlY3RlZEl0ZW1zKCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkICYmIHRoaXMuc2VsZWN0ZWQubGVuZ3RoKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkLmZvckVhY2gocyA9PiB7XG4gICAgICAgIGZvciAoY29uc3QgaXRlbSBvZiB0aGlzLml0ZW1zKSB7XG4gICAgICAgICAgaWYgKGl0ZW0uaWQgPT09IHMuaWQpIHtcbiAgICAgICAgICAgIGl0ZW0uY2hlY2tlZCA9IHRydWU7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH0gZWxzZSBpZiAodGhpcy5zZWxlY3RlZElkcyAmJiB0aGlzLnNlbGVjdGVkSWRzLmxlbmd0aCkge1xuICAgICAgdGhpcy5zZWxlY3RlZElkcy5mb3JFYWNoKGlkID0+IHtcbiAgICAgICAgZm9yIChjb25zdCBpdGVtIG9mIHRoaXMuaXRlbXMpIHtcbiAgICAgICAgICBpZiAoaXRlbS5pZCA9PT0gaWQpIHtcbiAgICAgICAgICAgIGl0ZW0uY2hlY2tlZCA9IHRydWU7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGNsZWFyU2VsZWN0aW9ucygpIHtcbiAgICB0aGlzLml0ZW1zLmZvckVhY2goaSA9PiBpLmNoZWNrZWQgPSBmYWxzZSk7XG4gICAgdGhpcy5lbWl0Q2hhbmdlKCk7XG4gIH1cblxuICBhcHBseVNlbGVjdGlvbnMoKSB7XG4gICAgaWYgKHRoaXMub3B0aW9ucy5zaW5nbGUpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSB0aGlzLmNoZWNrZWRJdGVtO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gdGhpcy5pdGVtcy5maWx0ZXIoaSA9PiBpLmNoZWNrZWQpO1xuICAgIH1cbiAgICB0aGlzLmVtaXRDaGFuZ2UodGhpcy5zZWxlY3RlZCk7XG4gIH1cblxuICBlbWl0Q2hhbmdlKHNlbGVjdGVkPykge1xuICAgIGlmICh0aGlzLm9wdGlvbnMuc2luZ2xlKSB7XG4gICAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy5zZWxlY3RlZCk7XG4gICAgICAgIHRoaXMuaWRzQ2hhbmdlZC5lbWl0KHNlbGVjdGVkLmlkKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuY2hhbmdlZC5lbWl0KG51bGwpO1xuICAgICAgICB0aGlzLmlkc0NoYW5nZWQuZW1pdChudWxsKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICAgIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMuc2VsZWN0ZWQpO1xuICAgICAgICB0aGlzLmlkc0NoYW5nZWQuZW1pdChzZWxlY3RlZC5tYXAoaSA9PiBpLmlkKSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNoYW5nZWQuZW1pdChbXSk7XG4gICAgICAgIHRoaXMuaWRzQ2hhbmdlZC5lbWl0KFtdKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBvblNlYXJjaChxKSB7XG4gICAgdGhpcy5zZWFyY2guZW1pdChxKTtcbiAgfVxuXG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vY20tc2VsZWN0LyIsInNvdXJjZXMiOlsibGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFFekcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQU9qRCxJQUFhLGlCQUFpQixHQUE5QixNQUFhLGlCQUFpQjtJQWdCNUI7UUFiUyxjQUFTLEdBQUcsTUFBTSxDQUFDO1FBQ25CLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsVUFBSyxHQUFlLEVBQUUsQ0FBQztRQUN2QixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBQ2hCLGFBQVEsR0FBZSxFQUFFLENBQUM7UUFDMUIsZ0JBQVcsR0FBYSxFQUFFLENBQUM7UUFDMUIsV0FBTSxHQUF5QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2xELFlBQU8sR0FBNkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN2RCxlQUFVLEdBQTJCLElBQUksWUFBWSxFQUFFLENBQUM7UUFFbEUsTUFBQyxHQUFHLEVBQUUsQ0FBQztJQUlOLENBQUM7SUFFRixRQUFRO1FBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLEtBQUssR0FBRyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsS0FBSyxFQUFFO1lBQ2pCLElBQUksQ0FBQyxn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QVk7UUFDVixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3BELENBQUM7Q0FFRixDQUFBO0FBN0ZVO0lBQVIsS0FBSyxFQUFFO3NDQUFVLE9BQU87a0RBQUM7QUFDakI7SUFBUixLQUFLLEVBQUU7O29EQUFvQjtBQUNuQjtJQUFSLEtBQUssRUFBRTs7b0RBQWtCO0FBQ2pCO0lBQVIsS0FBSyxFQUFFOztnREFBd0I7QUFDdkI7SUFBUixLQUFLLEVBQUU7O2tEQUFpQjtBQUNoQjtJQUFSLEtBQUssRUFBRTs7bURBQTJCO0FBQzFCO0lBQVIsS0FBSyxFQUFFOztzREFBNEI7QUFDMUI7SUFBVCxNQUFNLEVBQUU7c0NBQVMsWUFBWTtpREFBOEI7QUFDbEQ7SUFBVCxNQUFNLEVBQUU7c0NBQVUsWUFBWTtrREFBa0M7QUFDdkQ7SUFBVCxNQUFNLEVBQUU7c0NBQWEsWUFBWTtxREFBZ0M7QUFYdkQsaUJBQWlCO0lBTDdCLFNBQVMsQ0FBQztRQUNULFFBQVEsRUFBRSxvQkFBb0I7UUFDOUIsc2xEQUF3Qzs7S0FFekMsQ0FBQzs7R0FDVyxpQkFBaUIsQ0ErRjdCO1NBL0ZZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIE9uQ2hhbmdlcywgU2ltcGxlQ2hhbmdlcyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSXRlbVR5cGUgfSBmcm9tICcuLi9tb2RlbHMvY2xhc3Nlcyc7XG5pbXBvcnQgeyBPcHRpb25zIH0gZnJvbSAnLi4vbW9kZWxzL2NsYXNzZXMnO1xuaW1wb3J0IHsgZGVlcENvcHlBcnJheSB9IGZyb20gJy4uL3V0aWxzL2hlbHBlcnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjbS1zZWxlY3QtY2hlY2tib3gnLFxuICB0ZW1wbGF0ZVVybDogJy4vY2hlY2tib3guY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jaGVja2JveC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIENoZWNrYm94Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkNoYW5nZXMgIHtcblxuICBASW5wdXQoKSBvcHRpb25zOiBPcHRpb25zO1xuICBASW5wdXQoKSBiaW5kTGFiZWwgPSAnbmFtZSc7XG4gIEBJbnB1dCgpIGJpbmRWYWx1ZSA9ICdpZCc7XG4gIEBJbnB1dCgpIGl0ZW1zOiBJdGVtVHlwZVtdID0gW107XG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcbiAgQElucHV0KCkgc2VsZWN0ZWQ6IEl0ZW1UeXBlW10gPSBbXTtcbiAgQElucHV0KCkgc2VsZWN0ZWRJZHM6IG51bWJlcltdID0gW107XG4gIEBPdXRwdXQoKSBzZWFyY2g6IEV2ZW50RW1pdHRlcjxzdHJpbmc+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgY2hhbmdlZDogRXZlbnRFbWl0dGVyPEl0ZW1UeXBlW10+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgaWRzQ2hhbmdlZDogRXZlbnRFbWl0dGVyPG51bWJlcltdPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBxID0gJyc7XG4gIGNoZWNrZWRJdGVtOiBhbnk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5vcHRpb25zID0gbmV3IE9wdGlvbnModGhpcy5vcHRpb25zKTtcbiAgICB0aGlzLml0ZW1zID0gZGVlcENvcHlBcnJheSh0aGlzLml0ZW1zKTtcbiAgICB0aGlzLnNldFNlbGVjdGVkSXRlbXMoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAoY2hhbmdlcy5pdGVtcykge1xuICAgICAgdGhpcy5zZXRTZWxlY3RlZEl0ZW1zKCk7XG4gICAgfVxuICB9XG5cbiAgc2V0U2VsZWN0ZWRJdGVtcygpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZCAmJiB0aGlzLnNlbGVjdGVkLmxlbmd0aCkge1xuICAgICAgdGhpcy5zZWxlY3RlZC5mb3JFYWNoKHMgPT4ge1xuICAgICAgICBmb3IgKGNvbnN0IGl0ZW0gb2YgdGhpcy5pdGVtcykge1xuICAgICAgICAgIGlmIChpdGVtLmlkID09PSBzLmlkKSB7XG4gICAgICAgICAgICBpdGVtLmNoZWNrZWQgPSB0cnVlO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0ZWRJZHMgJiYgdGhpcy5zZWxlY3RlZElkcy5sZW5ndGgpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJZHMuZm9yRWFjaChpZCA9PiB7XG4gICAgICAgIGZvciAoY29uc3QgaXRlbSBvZiB0aGlzLml0ZW1zKSB7XG4gICAgICAgICAgaWYgKGl0ZW0uaWQgPT09IGlkKSB7XG4gICAgICAgICAgICBpdGVtLmNoZWNrZWQgPSB0cnVlO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBjbGVhclNlbGVjdGlvbnMoKSB7XG4gICAgdGhpcy5pdGVtcy5mb3JFYWNoKGkgPT4gaS5jaGVja2VkID0gZmFsc2UpO1xuICAgIHRoaXMuZW1pdENoYW5nZSgpO1xuICB9XG5cbiAgYXBwbHlTZWxlY3Rpb25zKCkge1xuICAgIGlmICh0aGlzLm9wdGlvbnMuc2luZ2xlKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gdGhpcy5jaGVja2VkSXRlbTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9IHRoaXMuaXRlbXMuZmlsdGVyKGkgPT4gaS5jaGVja2VkKTtcbiAgICB9XG4gICAgdGhpcy5lbWl0Q2hhbmdlKHRoaXMuc2VsZWN0ZWQpO1xuICB9XG5cbiAgZW1pdENoYW5nZShzZWxlY3RlZD8pIHtcbiAgICBpZiAodGhpcy5vcHRpb25zLnNpbmdsZSkge1xuICAgICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICAgIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMuc2VsZWN0ZWQpO1xuICAgICAgICB0aGlzLmlkc0NoYW5nZWQuZW1pdChzZWxlY3RlZC5pZCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNoYW5nZWQuZW1pdChudWxsKTtcbiAgICAgICAgdGhpcy5pZHNDaGFuZ2VkLmVtaXQobnVsbCk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICB0aGlzLmNoYW5nZWQuZW1pdCh0aGlzLnNlbGVjdGVkKTtcbiAgICAgICAgdGhpcy5pZHNDaGFuZ2VkLmVtaXQoc2VsZWN0ZWQubWFwKGkgPT4gaS5pZCkpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VkLmVtaXQoW10pO1xuICAgICAgICB0aGlzLmlkc0NoYW5nZWQuZW1pdChbXSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgb25TZWFyY2gocSkge1xuICAgIHRoaXMuc2VhcmNoLmVtaXQocSk7XG4gIH1cblxuICBvbkl0ZW1DaGFuZ2UoKSB7XG4gICAgdGhpcy5zZWxlY3RlZCA9IHRoaXMuaXRlbXMuZmlsdGVyKGkgPT4gaS5jaGVja2VkKTtcbiAgfVxuXG59XG4iXX0=

esm5/lib/checkbox/checkbox.component.js

@@ -23,2 +23,7 @@ import * as tslib_1 from "tslib";
     };
+    CheckboxComponent.prototype.ngOnChanges = function (changes) {
+        if (changes.items) {
+            this.setSelectedItems();
+        }
+    };
     CheckboxComponent.prototype.setSelectedItems = function () {
@@ -107,2 +112,5 @@ var _this = this;
     };
+    CheckboxComponent.prototype.onItemChange = function () {
+        this.selected = this.items.filter(function (i) { return i.checked; });
+    };
     tslib_1.__decorate([
@@ -151,3 +159,3 @@ Input(),
             selector: 'cm-select-checkbox',
-            template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n              <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n              <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n    \n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
+            template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n            <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n            <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\" (ngModelChange)=\"onItemChange()\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
             styles: ["@charset \"UTF-8\";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}"]
@@ -160,2 +168,2 @@ }),
 export { CheckboxComponent };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vY20tc2VsZWN0LyIsInNvdXJjZXMiOlsibGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDNUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBT2pEO0lBZ0JFO1FBYlMsY0FBUyxHQUFHLE1BQU0sQ0FBQztRQUNuQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLFVBQUssR0FBZSxFQUFFLENBQUM7UUFDdkIsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUNoQixhQUFRLEdBQWUsRUFBRSxDQUFDO1FBQzFCLGdCQUFXLEdBQWEsRUFBRSxDQUFDO1FBQzFCLFdBQU0sR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsRCxZQUFPLEdBQTZCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDdkQsZUFBVSxHQUEyQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRWxFLE1BQUMsR0FBRyxFQUFFLENBQUM7SUFJTixDQUFDO0lBRUYsb0NBQVEsR0FBUjtRQUNFLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxPQUFPLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pDLElBQUksQ0FBQyxLQUFLLEdBQUcsYUFBYSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN2QyxJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUMxQixDQUFDO0lBRUQsNENBQWdCLEdBQWhCO1FBQUEsaUJBb0JDO1FBbkJDLElBQUksSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sRUFBRTtZQUN6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Q0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFqRlE7UUFBUixLQUFLLEVBQUU7MENBQVUsT0FBTztzREFBQztJQUNqQjtRQUFSLEtBQUssRUFBRTs7d0RBQW9CO0lBQ25CO1FBQVIsS0FBSyxFQUFFOzt3REFBa0I7SUFDakI7UUFBUixLQUFLLEVBQUU7O29EQUF3QjtJQUN2QjtRQUFSLEtBQUssRUFBRTs7c0RBQWlCO0lBQ2hCO1FBQVIsS0FBSyxFQUFFOzt1REFBMkI7SUFDMUI7UUFBUixLQUFLLEVBQUU7OzBEQUE0QjtJQUMxQjtRQUFULE1BQU0sRUFBRTswQ0FBUyxZQUFZO3FEQUE4QjtJQUNsRDtRQUFULE1BQU0sRUFBRTswQ0FBVSxZQUFZO3NEQUFrQztJQUN2RDtRQUFULE1BQU0sRUFBRTswQ0FBYSxZQUFZO3lEQUFnQztJQVh2RCxpQkFBaUI7UUFMN0IsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLG9CQUFvQjtZQUM5Qiw2akRBQXdDOztTQUV6QyxDQUFDOztPQUNXLGlCQUFpQixDQXFGN0I7SUFBRCx3QkFBQztDQUFBLEFBckZELElBcUZDO1NBckZZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEl0ZW1UeXBlIH0gZnJvbSAnLi4vbW9kZWxzL2NsYXNzZXMnO1xuaW1wb3J0IHsgT3B0aW9ucyB9IGZyb20gJy4uL21vZGVscy9jbGFzc2VzJztcbmltcG9ydCB7IGRlZXBDb3B5QXJyYXkgfSBmcm9tICcuLi91dGlscy9oZWxwZXJzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY20tc2VsZWN0LWNoZWNrYm94JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NoZWNrYm94LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY2hlY2tib3guY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDaGVja2JveENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCAge1xuXG4gIEBJbnB1dCgpIG9wdGlvbnM6IE9wdGlvbnM7XG4gIEBJbnB1dCgpIGJpbmRMYWJlbCA9ICduYW1lJztcbiAgQElucHV0KCkgYmluZFZhbHVlID0gJ2lkJztcbiAgQElucHV0KCkgaXRlbXM6IEl0ZW1UeXBlW10gPSBbXTtcbiAgQElucHV0KCkgbG9hZGluZyA9IGZhbHNlO1xuICBASW5wdXQoKSBzZWxlY3RlZDogSXRlbVR5cGVbXSA9IFtdO1xuICBASW5wdXQoKSBzZWxlY3RlZElkczogbnVtYmVyW10gPSBbXTtcbiAgQE91dHB1dCgpIHNlYXJjaDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8SXRlbVR5cGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBpZHNDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8bnVtYmVyW10+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHEgPSAnJztcbiAgY2hlY2tlZEl0ZW06IGFueTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm9wdGlvbnMgPSBuZXcgT3B0aW9ucyh0aGlzLm9wdGlvbnMpO1xuICAgIHRoaXMuaXRlbXMgPSBkZWVwQ29weUFycmF5KHRoaXMuaXRlbXMpO1xuICAgIHRoaXMuc2V0U2VsZWN0ZWRJdGVtcygpO1xuICB9XG5cbiAgc2V0U2VsZWN0ZWRJdGVtcygpIHtcbiAgICBpZiAodGhpcy5zZWxlY3RlZCAmJiB0aGlzLnNlbGVjdGVkLmxlbmd0aCkge1xuICAgICAgdGhpcy5zZWxlY3RlZC5mb3JFYWNoKHMgPT4ge1xuICAgICAgICBmb3IgKGNvbnN0IGl0ZW0gb2YgdGhpcy5pdGVtcykge1xuICAgICAgICAgIGlmIChpdGVtLmlkID09PSBzLmlkKSB7XG4gICAgICAgICAgICBpdGVtLmNoZWNrZWQgPSB0cnVlO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9IGVsc2UgaWYgKHRoaXMuc2VsZWN0ZWRJZHMgJiYgdGhpcy5zZWxlY3RlZElkcy5sZW5ndGgpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWRJZHMuZm9yRWFjaChpZCA9PiB7XG4gICAgICAgIGZvciAoY29uc3QgaXRlbSBvZiB0aGlzLml0ZW1zKSB7XG4gICAgICAgICAgaWYgKGl0ZW0uaWQgPT09IGlkKSB7XG4gICAgICAgICAgICBpdGVtLmNoZWNrZWQgPSB0cnVlO1xuICAgICAgICAgICAgYnJlYWs7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBjbGVhclNlbGVjdGlvbnMoKSB7XG4gICAgdGhpcy5pdGVtcy5mb3JFYWNoKGkgPT4gaS5jaGVja2VkID0gZmFsc2UpO1xuICAgIHRoaXMuZW1pdENoYW5nZSgpO1xuICB9XG5cbiAgYXBwbHlTZWxlY3Rpb25zKCkge1xuICAgIGlmICh0aGlzLm9wdGlvbnMuc2luZ2xlKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gdGhpcy5jaGVja2VkSXRlbTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5zZWxlY3RlZCA9IHRoaXMuaXRlbXMuZmlsdGVyKGkgPT4gaS5jaGVja2VkKTtcbiAgICB9XG4gICAgdGhpcy5lbWl0Q2hhbmdlKHRoaXMuc2VsZWN0ZWQpO1xuICB9XG5cbiAgZW1pdENoYW5nZShzZWxlY3RlZD8pIHtcbiAgICBpZiAodGhpcy5vcHRpb25zLnNpbmdsZSkge1xuICAgICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICAgIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMuc2VsZWN0ZWQpO1xuICAgICAgICB0aGlzLmlkc0NoYW5nZWQuZW1pdChzZWxlY3RlZC5pZCk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNoYW5nZWQuZW1pdChudWxsKTtcbiAgICAgICAgdGhpcy5pZHNDaGFuZ2VkLmVtaXQobnVsbCk7XG4gICAgICB9XG4gICAgfSBlbHNlIHtcbiAgICAgIGlmIChzZWxlY3RlZCkge1xuICAgICAgICB0aGlzLmNoYW5nZWQuZW1pdCh0aGlzLnNlbGVjdGVkKTtcbiAgICAgICAgdGhpcy5pZHNDaGFuZ2VkLmVtaXQoc2VsZWN0ZWQubWFwKGkgPT4gaS5pZCkpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VkLmVtaXQoW10pO1xuICAgICAgICB0aGlzLmlkc0NoYW5nZWQuZW1pdChbXSk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgb25TZWFyY2gocSkge1xuICAgIHRoaXMuc2VhcmNoLmVtaXQocSk7XG4gIH1cblxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hlY2tib3guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vY20tc2VsZWN0LyIsInNvdXJjZXMiOlsibGliL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBNEIsTUFBTSxlQUFlLENBQUM7QUFFekcsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQU9qRDtJQWdCRTtRQWJTLGNBQVMsR0FBRyxNQUFNLENBQUM7UUFDbkIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQixVQUFLLEdBQWUsRUFBRSxDQUFDO1FBQ3ZCLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsYUFBUSxHQUFlLEVBQUUsQ0FBQztRQUMxQixnQkFBVyxHQUFhLEVBQUUsQ0FBQztRQUMxQixXQUFNLEdBQXlCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDbEQsWUFBTyxHQUE2QixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ3ZELGVBQVUsR0FBMkIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVsRSxNQUFDLEdBQUcsRUFBRSxDQUFDO0lBSU4sQ0FBQztJQUVGLG9DQUFRLEdBQVI7UUFDRSxJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUN6QyxJQUFJLENBQUMsS0FBSyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDdkMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7SUFDMUIsQ0FBQztJQUVELHVDQUFXLEdBQVgsVUFBWSxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxLQUFLLEVBQUU7WUFDakIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7U0FD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LENBQUMsRUFBRSxDQUFDLENBQUM7YUFDMUI7U0FDRjtJQUNILENBQUM7SUFFRCxvQ0FBUSxHQUFSLFVBQVMsQ0FBQztRQUNSLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFFRCx3Q0FBWSxHQUFaO1FBQ0UsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxVQUFBLENBQUMsSUFBSSxPQUFBLENBQUMsQ0FBQyxPQUFPLEVBQVQsQ0FBUyxDQUFDLENBQUM7SUFDcEQsQ0FBQztJQTNGUTtRQUFSLEtBQUssRUFBRTswQ0FBVSxPQUFPO3NEQUFDO0lBQ2pCO1FBQVIsS0FBSyxFQUFFOzt3REFBb0I7SUFDbkI7UUFBUixLQUFLLEVBQUU7O3dEQUFrQjtJQUNqQjtRQUFSLEtBQUssRUFBRTs7b0RBQXdCO0lBQ3ZCO1FBQVIsS0FBSyxFQUFFOztzREFBaUI7SUFDaEI7UUFBUixLQUFLLEVBQUU7O3VEQUEyQjtJQUMxQjtRQUFSLEtBQUssRUFBRTs7MERBQTRCO0lBQzFCO1FBQVQsTUFBTSxFQUFFOzBDQUFTLFlBQVk7cURBQThCO0lBQ2xEO1FBQVQsTUFBTSxFQUFFOzBDQUFVLFlBQVk7c0RBQWtDO0lBQ3ZEO1FBQVQsTUFBTSxFQUFFOzBDQUFhLFlBQVk7eURBQWdDO0lBWHZELGlCQUFpQjtRQUw3QixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsb0JBQW9CO1lBQzlCLHNsREFBd0M7O1NBRXpDLENBQUM7O09BQ1csaUJBQWlCLENBK0Y3QjtJQUFELHdCQUFDO0NBQUEsQUEvRkQsSUErRkM7U0EvRlksaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciwgT25DaGFuZ2VzLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJdGVtVHlwZSB9IGZyb20gJy4uL21vZGVscy9jbGFzc2VzJztcbmltcG9ydCB7IE9wdGlvbnMgfSBmcm9tICcuLi9tb2RlbHMvY2xhc3Nlcyc7XG5pbXBvcnQgeyBkZWVwQ29weUFycmF5IH0gZnJvbSAnLi4vdXRpbHMvaGVscGVycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NtLXNlbGVjdC1jaGVja2JveCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGVja2JveC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NoZWNrYm94LmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgQ2hlY2tib3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyAge1xuXG4gIEBJbnB1dCgpIG9wdGlvbnM6IE9wdGlvbnM7XG4gIEBJbnB1dCgpIGJpbmRMYWJlbCA9ICduYW1lJztcbiAgQElucHV0KCkgYmluZFZhbHVlID0gJ2lkJztcbiAgQElucHV0KCkgaXRlbXM6IEl0ZW1UeXBlW10gPSBbXTtcbiAgQElucHV0KCkgbG9hZGluZyA9IGZhbHNlO1xuICBASW5wdXQoKSBzZWxlY3RlZDogSXRlbVR5cGVbXSA9IFtdO1xuICBASW5wdXQoKSBzZWxlY3RlZElkczogbnVtYmVyW10gPSBbXTtcbiAgQE91dHB1dCgpIHNlYXJjaDogRXZlbnRFbWl0dGVyPHN0cmluZz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBjaGFuZ2VkOiBFdmVudEVtaXR0ZXI8SXRlbVR5cGVbXT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBpZHNDaGFuZ2VkOiBFdmVudEVtaXR0ZXI8bnVtYmVyW10+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIHEgPSAnJztcbiAgY2hlY2tlZEl0ZW06IGFueTtcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgIH1cblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLm9wdGlvbnMgPSBuZXcgT3B0aW9ucyh0aGlzLm9wdGlvbnMpO1xuICAgIHRoaXMuaXRlbXMgPSBkZWVwQ29weUFycmF5KHRoaXMuaXRlbXMpO1xuICAgIHRoaXMuc2V0U2VsZWN0ZWRJdGVtcygpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzLml0ZW1zKSB7XG4gICAgICB0aGlzLnNldFNlbGVjdGVkSXRlbXMoKTtcbiAgICB9XG4gIH1cblxuICBzZXRTZWxlY3RlZEl0ZW1zKCkge1xuICAgIGlmICh0aGlzLnNlbGVjdGVkICYmIHRoaXMuc2VsZWN0ZWQubGVuZ3RoKSB7XG4gICAgICB0aGlzLnNlbGVjdGVkLmZvckVhY2gocyA9PiB7XG4gICAgICAgIGZvciAoY29uc3QgaXRlbSBvZiB0aGlzLml0ZW1zKSB7XG4gICAgICAgICAgaWYgKGl0ZW0uaWQgPT09IHMuaWQpIHtcbiAgICAgICAgICAgIGl0ZW0uY2hlY2tlZCA9IHRydWU7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH0gZWxzZSBpZiAodGhpcy5zZWxlY3RlZElkcyAmJiB0aGlzLnNlbGVjdGVkSWRzLmxlbmd0aCkge1xuICAgICAgdGhpcy5zZWxlY3RlZElkcy5mb3JFYWNoKGlkID0+IHtcbiAgICAgICAgZm9yIChjb25zdCBpdGVtIG9mIHRoaXMuaXRlbXMpIHtcbiAgICAgICAgICBpZiAoaXRlbS5pZCA9PT0gaWQpIHtcbiAgICAgICAgICAgIGl0ZW0uY2hlY2tlZCA9IHRydWU7XG4gICAgICAgICAgICBicmVhaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGNsZWFyU2VsZWN0aW9ucygpIHtcbiAgICB0aGlzLml0ZW1zLmZvckVhY2goaSA9PiBpLmNoZWNrZWQgPSBmYWxzZSk7XG4gICAgdGhpcy5lbWl0Q2hhbmdlKCk7XG4gIH1cblxuICBhcHBseVNlbGVjdGlvbnMoKSB7XG4gICAgaWYgKHRoaXMub3B0aW9ucy5zaW5nbGUpIHtcbiAgICAgIHRoaXMuc2VsZWN0ZWQgPSB0aGlzLmNoZWNrZWRJdGVtO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnNlbGVjdGVkID0gdGhpcy5pdGVtcy5maWx0ZXIoaSA9PiBpLmNoZWNrZWQpO1xuICAgIH1cbiAgICB0aGlzLmVtaXRDaGFuZ2UodGhpcy5zZWxlY3RlZCk7XG4gIH1cblxuICBlbWl0Q2hhbmdlKHNlbGVjdGVkPykge1xuICAgIGlmICh0aGlzLm9wdGlvbnMuc2luZ2xlKSB7XG4gICAgICBpZiAoc2VsZWN0ZWQpIHtcbiAgICAgICAgdGhpcy5jaGFuZ2VkLmVtaXQodGhpcy5zZWxlY3RlZCk7XG4gICAgICAgIHRoaXMuaWRzQ2hhbmdlZC5lbWl0KHNlbGVjdGVkLmlkKTtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHRoaXMuY2hhbmdlZC5lbWl0KG51bGwpO1xuICAgICAgICB0aGlzLmlkc0NoYW5nZWQuZW1pdChudWxsKTtcbiAgICAgIH1cbiAgICB9IGVsc2Uge1xuICAgICAgaWYgKHNlbGVjdGVkKSB7XG4gICAgICAgIHRoaXMuY2hhbmdlZC5lbWl0KHRoaXMuc2VsZWN0ZWQpO1xuICAgICAgICB0aGlzLmlkc0NoYW5nZWQuZW1pdChzZWxlY3RlZC5tYXAoaSA9PiBpLmlkKSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICB0aGlzLmNoYW5nZWQuZW1pdChbXSk7XG4gICAgICAgIHRoaXMuaWRzQ2hhbmdlZC5lbWl0KFtdKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBvblNlYXJjaChxKSB7XG4gICAgdGhpcy5zZWFyY2guZW1pdChxKTtcbiAgfVxuXG4gIG9uSXRlbUNoYW5nZSgpIHtcbiAgICB0aGlzLnNlbGVjdGVkID0gdGhpcy5pdGVtcy5maWx0ZXIoaSA9PiBpLmNoZWNrZWQpO1xuICB9XG5cbn1cbiJdfQ==

fesm2015/cm-select.js

@@ -166,2 +166,7 @@ import { __decorate, __metadata } from 'tslib';
     }
+    ngOnChanges(changes) {
+        if (changes.items) {
+            this.setSelectedItems();
+        }
+    }
     setSelectedItems() {
@@ -227,2 +232,5 @@ if (this.selected && this.selected.length) {
     }
+    onItemChange() {
+        this.selected = this.items.filter(i => i.checked);
+    }
 };
@@ -272,3 +280,3 @@ __decorate([
         selector: 'cm-select-checkbox',
-        template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n              <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n              <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n    \n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
+        template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n            <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n            <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\" (ngModelChange)=\"onItemChange()\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
         styles: ["@charset \"UTF-8\";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}"]
@@ -275,0 +283,0 @@ }),

fesm5/cm-select.js

@@ -181,2 +181,7 @@ import { __decorate, __metadata, __values } from 'tslib';
     };
+    CheckboxComponent.prototype.ngOnChanges = function (changes) {
+        if (changes.items) {
+            this.setSelectedItems();
+        }
+    };
     CheckboxComponent.prototype.setSelectedItems = function () {
@@ -265,2 +270,5 @@ var _this = this;
     };
+    CheckboxComponent.prototype.onItemChange = function () {
+        this.selected = this.items.filter(function (i) { return i.checked; });
+    };
     __decorate([
@@ -309,3 +317,3 @@ Input(),
             selector: 'cm-select-checkbox',
-            template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n              <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n              <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n    \n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
+            template: "<div class=\"checkbox-container select-container\" [style.top.px]=\"options.top\">\n  <div class=\"select-container__header\" *ngIf=\"options.filter\">\n    <input libSearchInput class=\"search-input\" type=\"text\" [(ngModel)]=\"q\" placeholder=\"Search\" [text]=\"q\" (inputChanged)=\"onSearch($event)\">\n  </div>\n  <div class=\"select-container__body\">\n    <ng-container *ngIf=\"!loading\">\n      <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: q}; let i = index;\">\n        <div class=\"checkbox-option\">\n          <ng-container *ngIf=\"options.single\">\n            <input class=\"app-radio-checkbox mr10\" type=\"radio\" [id]=\"item.id\" [(ngModel)]=\"checkedItem\" [value]=\"item\">\n          </ng-container>\n          <ng-container *ngIf=\"!options.single\">\n            <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\" (ngModelChange)=\"onItemChange()\">\n          </ng-container>\n          <img class=\"checkbox-image\" [src]=\"item[options.imageUrlKey]\" [alt]=\"item[bindLabel] + ' image'\" *ngIf=\"options.image\">\n          <label class=\"checbox-label\" [for]=\"item.id\">{{ item[bindLabel] }}</label>\n        </div>\n      </ng-container>\n    </ng-container>\n    <ng-container *ngIf=\"loading\">\n      {{ options.loadingText }}\n    </ng-container>\n  </div>\n  <div class=\"select-container__footer\">\n    <button class=\"app-btn transparent\" (click)=\"clearSelections()\">Clear</button>\n    <button class=\"app-btn primary\" (click)=\"applySelections()\">Apply</button>\n  </div>\n</div>\n  ",
             styles: ["@charset \"UTF-8\";.app-btn{border:none;outline:0;cursor:pointer;font-size:14px;font-weight:700;border-radius:24px;padding:5px 16px;text-align:center;transition-duration:.2s}.app-btn.primary{background-color:teal;color:#fff}.app-btn.primary:hover{background-color:#006767}.app-btn.secondary{background-color:#de851d;color:#fff}.app-btn.secondary:hover{background-color:#c7771a}.app-btn.outline{background-color:#fff;border:1px solid #caccd1;color:#1d2129}.app-btn.outline:hover{background-color:#f2f2f2}.app-btn.transparent{background-color:transparent;border:none;color:#1d2129}.app-btn.transparent:hover{background-color:#f2f2f2}.app-btn:active,.app-btn:focus{outline:0}.app-btn:disabled{pointer-events:none;cursor:not-allowed;background-color:rgba(29,33,41,.2);color:#fff}input.app-checkbox[type=checkbox]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px;margin-left:0}input.app-checkbox[type=checkbox]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px}input.app-checkbox[type=checkbox]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}input.app-radio-checkbox[type=radio]{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed;width:16px;height:16px;display:block;position:relative;margin-top:2px}input.app-radio-checkbox[type=radio]:after{content:\"\";vertical-align:middle;text-align:center;position:absolute;cursor:pointer;height:16px;width:16px;font-size:7px;background:#fff;border:1px solid #caccd1;border-radius:2px;line-height:16px;left:-1px;top:1px}input.app-radio-checkbox[type=radio]:checked:after{background:#1d2129;content:\"\u2713\";color:#fff;border:none;font-size:14px}.select-container{width:325px;background:#fff;border-radius:4px;box-shadow:0 1px 8px 0 rgba(29,33,41,.3);z-index:999;position:absolute;color:#1d2129;left:0}.select-container__header{padding:0 24px}.select-container__body{height:200px;overflow-y:auto;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;display:flex;align-items:center;justify-content:flex-end;bottom:0;padding:0 24px}.p0{padding:0!important}.p10{padding:10px!important}.p15{padding:15px!important}.p20{padding:20px!important}.p30{padding:30px!important}.p40{padding:40px!important}.p50{padding:50px!important}.p60{padding:60px!important}.p70{padding:70px!important}.p80{padding:80px!important}.p90{padding:90px!important}.p100{padding:100px!important}.p110{padding:110px!important}.p120{padding:120px!important}.p130{padding:130px!important}.p140{padding:140px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pt20{padding-top:20px!important}.pt30{padding-top:30px!important}.pt40{padding-top:40px!important}.pt50{padding-top:50px!important}.pt60{padding-top:60px!important}.pt70{padding-top:70px!important}.pt80{padding-top:80px!important}.pt90{padding-top:90px!important}.pt100{padding-top:100px!important}.pt110{padding-top:110px!important}.pt120{padding-top:120px!important}.pt130{padding-top:130px!important}.pt140{padding-top:140px!important}.pb0{padding-bottom:0!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pb20{padding-bottom:20px!important}.pb30{padding-bottom:30px!important}.pb40{padding-bottom:40px!important}.pb50{padding-bottom:50px!important}.pb60{padding-bottom:60px!important}.pb70{padding-bottom:70px!important}.pb80{padding-bottom:80px!important}.pb90{padding-bottom:90px!important}.pb100{padding-bottom:100px!important}.pb110{padding-bottom:110px!important}.pb120{padding-bottom:120px!important}.pb130{padding-bottom:130px!important}.pb140{padding-bottom:140px!important}.pl0{padding-left:0!important}.pl3{padding-left:3px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl20{padding-left:20px!important}.pl30{padding-left:30px}.pl40{padding-left:40px}.pl50{padding-left:50px}.pl60{padding-left:60px}.pl70{padding-left:70px}.pl80{padding-left:80px}.pl90{padding-left:90px}.pl100{padding-left:100px}.pr0{padding-right:0!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr20{padding-right:20px!important}.pr30{padding-right:30px!important}.pr40{padding-right:40px}.pr50{padding-right:50px}.pr60{padding-right:60px}.pr70{padding-right:70px}.pr80{padding-right:80px}.pr90{padding-right:90px}.pr100{padding-right:100px}.pr110{padding-right:110px}.pr120{padding-right:120px}@media (min-width:1200px){.pl-lg-50{padding-left:50px}.pl-lg-80{padding-left:80px}}@media (min-width:992px){.pt-md-50{padding-top:50px}}.mr-auto{margin:auto;float:none}.mt0{margin-top:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mt110{margin-top:110px!important}.mt120{margin-top:120px!important}.mb0{margin-bottom:0!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px}.mb60{margin-bottom:60px}.mb70{margin-bottom:70px}.mb80{margin-bottom:80px}.mb90{margin-bottom:90px}.mb100{margin-bottom:100px}.mb110{margin-bottom:110px}.mb120{margin-bottom:120px}.ml0{margin-left:0!important}.ml15{margin-left:5px}.ml10{margin-left:10px}.ml20{margin-left:20px}.ml30{margin-left:30px}.ml40{margin-left:40px}.ml50{margin-left:50px}.ml60{margin-left:60px}.ml70{margin-left:70px}.ml80{margin-left:80px}.ml90{margin-left:90px}.ml100{margin-left:100px}.ml110{margin-left:110px}.mr0{margin-right:0!important}.mr5{margin-left:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}.mr40{margin-right:40px!important}.mr50{margin-right:50px!important}.mr60{margin-right:60px!important}.mr70{margin-right:70px!important}.mr80{margin-right:80px!important}.mr90{margin-right:90px!important}.mr100{margin-right:100px}.mr110{margin-right:110px}.checkbox-container .select-container__header{display:flex;background-color:#f3f4f7;padding:10px 24px}.checkbox-container .select-container__header .search-input{border:none;width:100%;background-color:transparent}.checkbox-container .select-container__header .search-input:focus{outline:0}.checkbox-container .select-container__body .checkbox-option{text-align:left;font-size:14px;display:flex;align-items:center;margin:8px 0}"]
@@ -312,0 +320,0 @@ }),

lib/checkbox/checkbox.component.d.ts

@@ -1,5 +0,5 @@
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
 import { ItemType } from '../models/classes';
 import { Options } from '../models/classes';
-export declare class CheckboxComponent implements OnInit {
+export declare class CheckboxComponent implements OnInit, OnChanges {
     options: Options;
@@ -19,2 +19,3 @@ bindLabel: string;
     ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
     setSelectedItems(): void;
@@ -25,2 +26,3 @@ clearSelections(): void;
     onSearch(q: any): void;
+    onItemChange(): void;
 }

package.json

 {
   "name": "cm-select",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "peerDependencies": {
@@ -5,0 +5,0 @@ "@angular/common": "^8.1.0",

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

301412

increased by1.64%

Lines of code

2569

increased by1.66%

No dependency changes