Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

cm-select

Package Overview
Dependencies
Maintainers
2
Versions
23
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

cm-select - npm Package Compare versions

Comparing version 0.0.1 to 0.0.2

3

bundles/cm-select.umd.js

@@ -379,2 +379,5 @@ (function (global, factory) {

],
providers: [
CmSelectService,
],
exports: [CmSelectComponent]

@@ -381,0 +384,0 @@ })

2

bundles/cm-select.umd.min.js

@@ -1,2 +0,2 @@

!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define("cm-select",["exports","@angular/core","@angular/common","@angular/forms"],n):n((t=t||self)["cm-select"]={},t.ng.core,t.ng.common,t.ng.forms)}(this,function(t,n,e,i){"use strict";function p(t,n,e,i){var p,o=arguments.length,r=o<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,n,e,i);else for(var a=t.length-1;a>=0;a--)(p=t[a])&&(r=(o<3?p(r):o>3?p(n,e,r):p(n,e))||r);return o>3&&r&&Object.defineProperty(n,e,r),r}function o(t,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,n)}function r(t){var n="function"==typeof Symbol&&t[Symbol.iterator],e=0;return n?n.call(t):{next:function(){return t&&e>=t.length&&(t=void 0),{value:t&&t[e++],done:!t}}}}var a=function(){function t(){}return t.ngInjectableDef=n.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t=p([n.Injectable({providedIn:"root"}),o("design:paramtypes",[])],t)}(),d=function(t){this.filter=!!t&&t.filter,this.image=!!t&&t.image,this.imageUrlKey=t?t.imageUrl:null,this.single=!!t&&t.single},m=function(){function t(){this.options=new d(null),this.bindLabel="name",this.bindValue="id",this.items=[],this.selected=[],this.selectedIds=[],this.changed=new n.EventEmitter,this.idsChanged=new n.EventEmitter}return t.prototype.ngOnInit=function(){},t.prototype.onChange=function(t){this.changed.emit(t)},t.prototype.onIdsChanged=function(t){this.idsChanged.emit(t)},p([n.Input(),o("design:type",d)],t.prototype,"options",void 0),p([n.Input(),o("design:type",Object)],t.prototype,"bindLabel",void 0),p([n.Input(),o("design:type",Object)],t.prototype,"bindValue",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"items",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"selected",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"selectedIds",void 0),p([n.Output(),o("design:type",n.EventEmitter)],t.prototype,"changed",void 0),p([n.Output(),o("design:type",n.EventEmitter)],t.prototype,"idsChanged",void 0),t=p([n.Component({selector:"lib-cm-select",template:'<lib-checkbox [items]="items" [bindLabel]="bindLabel" [bindValue]="bindValue" [options]="options" [selected]="selected" [selectedIds]="selectedIds"\n (changed)="onChange($event)" (idsChanged)="onIdsChanged($event)">\n</lib-checkbox>'}),o("design:paramtypes",[])],t)}(),c=function(t){if(!t)return t;var n=[];return t.forEach(function(t){Array.isArray(t)?n.push(c(t)):"object"==typeof t?n.push(l(t)):n.push(t)}),n},l=function(t){var n,e;if(!t)return t;var i=Object.keys(t);if(!i.length)return t;var p={};try{for(var o=r(i),a=o.next();!a.done;a=o.next()){var d=a.value;Array.isArray(t[d])?p[d]=c(t[d]):"object"==typeof t[d]?p[d]=l(t[d]):p[d]=t[d]}}catch(m){n={error:m}}finally{try{a&&!a.done&&(e=o["return"])&&e.call(o)}finally{if(n)throw n.error}}return p},g=function(){function t(){this.options=new d(null),this.bindLabel="name",this.bindValue="id",this.items=[],this.selected=[],this.selectedIds=[],this.changed=new n.EventEmitter,this.idsChanged=new n.EventEmitter,this.search=""}return t.prototype.ngOnInit=function(){this.items=c(this.items),this.setSelectedItems()},t.prototype.setSelectedItems=function(){var t=this;this.selected&&this.selected.length?this.selected.forEach(function(n){var e,i;try{for(var p=r(t.items),o=p.next();!o.done;o=p.next()){var a=o.value;if(a.id===n.id){a.checked=!0;break}}}catch(d){e={error:d}}finally{try{o&&!o.done&&(i=p["return"])&&i.call(p)}finally{if(e)throw e.error}}}):this.selectedIds&&this.selectedIds.length&&this.selectedIds.forEach(function(n){var e,i;try{for(var p=r(t.items),o=p.next();!o.done;o=p.next()){var a=o.value;if(a.id===n){a.checked=!0;break}}}catch(d){e={error:d}}finally{try{o&&!o.done&&(i=p["return"])&&i.call(p)}finally{if(e)throw e.error}}})},t.prototype.clearSelections=function(){this.items.forEach(function(t){return t.checked=!1}),this.emitChange()},t.prototype.applySelections=function(){this.selected=this.items.filter(function(t){return t.checked}),this.emitChange(this.selected)},t.prototype.emitChange=function(t){t?(this.changed.emit(this.selected),this.idsChanged.emit(t.map(function(t){return t.id}))):(this.changed.emit([]),this.idsChanged.emit([]))},p([n.Input(),o("design:type",d)],t.prototype,"options",void 0),p([n.Input(),o("design:type",Object)],t.prototype,"bindLabel",void 0),p([n.Input(),o("design:type",Object)],t.prototype,"bindValue",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"items",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"selected",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"selectedIds",void 0),p([n.Output(),o("design:type",n.EventEmitter)],t.prototype,"changed",void 0),p([n.Output(),o("design:type",n.EventEmitter)],t.prototype,"idsChanged",void 0),t=p([n.Component({selector:"lib-checkbox",template:'<div class="checkbox-container select-container">\n <div class="select-container__header" *ngIf="options.filter">\n <input class="search-input" type="text" [(ngModel)]="search" placeholder="Search">\n </div>\n <div class="select-container__body">\n <ng-container *ngFor="let item of items | filter: {field: bindLabel, value: search}; let i = index;">\n <div class="checkbox-option">\n <input class="app-checkbox mr10" type="checkbox" [id]="item.id" [(ngModel)]="item.checked">\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 </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:8px 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}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}.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}.select-container__header{padding:0 24px}.select-container__body{border-top:1px solid #caccd1;height:200px;overflow-y:scroll;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;border-top:1px solid #caccd1;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;height:30px}.checkbox-container .select-container__header .search-input{border:none;width:100%}.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:18px 0}']}),o("design:paramtypes",[])],t)}(),s=function(){function t(){}return t.prototype.transform=function(t,n){if(!t||!n||!n.value)return t;if(n.field)try{return t.filter(function(t){return t[n.field].toLowerCase().includes(n.value)})}catch(e){return null}else try{return t.filter(function(t){return t.toLowerCase().includes(n.value)})}catch(e){return null}},t=p([n.Pipe({name:"filter"})],t)}(),x=function(){function t(){}return t=p([n.NgModule({declarations:[s],exports:[s]})],t)}(),f=function(){function t(){}return t=p([n.NgModule({declarations:[g],imports:[e.CommonModule,i.FormsModule,x],exports:[g]})],t)}(),b=function(){function t(){}return t=p([n.NgModule({declarations:[m],imports:[f],exports:[m]})],t)}();t.CmSelectComponent=m,t.CmSelectModule=b,t.CmSelectService=a,t.ɵa=f,t.ɵb=g,t.ɵc=s,t.ɵd=x,Object.defineProperty(t,"__esModule",{value:!0})});
!function(t,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/common"),require("@angular/forms")):"function"==typeof define&&define.amd?define("cm-select",["exports","@angular/core","@angular/common","@angular/forms"],n):n((t=t||self)["cm-select"]={},t.ng.core,t.ng.common,t.ng.forms)}(this,function(t,n,e,i){"use strict";function p(t,n,e,i){var p,o=arguments.length,r=o<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,e):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,n,e,i);else for(var a=t.length-1;a>=0;a--)(p=t[a])&&(r=(o<3?p(r):o>3?p(n,e,r):p(n,e))||r);return o>3&&r&&Object.defineProperty(n,e,r),r}function o(t,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,n)}function r(t){var n="function"==typeof Symbol&&t[Symbol.iterator],e=0;return n?n.call(t):{next:function(){return t&&e>=t.length&&(t=void 0),{value:t&&t[e++],done:!t}}}}var a=function(){function t(){}return t.ngInjectableDef=n.ɵɵdefineInjectable({factory:function(){return new t},token:t,providedIn:"root"}),t=p([n.Injectable({providedIn:"root"}),o("design:paramtypes",[])],t)}(),d=function(t){this.filter=!!t&&t.filter,this.image=!!t&&t.image,this.imageUrlKey=t?t.imageUrl:null,this.single=!!t&&t.single},m=function(){function t(){this.options=new d(null),this.bindLabel="name",this.bindValue="id",this.items=[],this.selected=[],this.selectedIds=[],this.changed=new n.EventEmitter,this.idsChanged=new n.EventEmitter}return t.prototype.ngOnInit=function(){},t.prototype.onChange=function(t){this.changed.emit(t)},t.prototype.onIdsChanged=function(t){this.idsChanged.emit(t)},p([n.Input(),o("design:type",d)],t.prototype,"options",void 0),p([n.Input(),o("design:type",Object)],t.prototype,"bindLabel",void 0),p([n.Input(),o("design:type",Object)],t.prototype,"bindValue",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"items",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"selected",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"selectedIds",void 0),p([n.Output(),o("design:type",n.EventEmitter)],t.prototype,"changed",void 0),p([n.Output(),o("design:type",n.EventEmitter)],t.prototype,"idsChanged",void 0),t=p([n.Component({selector:"lib-cm-select",template:'<lib-checkbox [items]="items" [bindLabel]="bindLabel" [bindValue]="bindValue" [options]="options" [selected]="selected" [selectedIds]="selectedIds"\n (changed)="onChange($event)" (idsChanged)="onIdsChanged($event)">\n</lib-checkbox>'}),o("design:paramtypes",[])],t)}(),c=function(t){if(!t)return t;var n=[];return t.forEach(function(t){Array.isArray(t)?n.push(c(t)):"object"==typeof t?n.push(l(t)):n.push(t)}),n},l=function(t){var n,e;if(!t)return t;var i=Object.keys(t);if(!i.length)return t;var p={};try{for(var o=r(i),a=o.next();!a.done;a=o.next()){var d=a.value;Array.isArray(t[d])?p[d]=c(t[d]):"object"==typeof t[d]?p[d]=l(t[d]):p[d]=t[d]}}catch(m){n={error:m}}finally{try{a&&!a.done&&(e=o["return"])&&e.call(o)}finally{if(n)throw n.error}}return p},g=function(){function t(){this.options=new d(null),this.bindLabel="name",this.bindValue="id",this.items=[],this.selected=[],this.selectedIds=[],this.changed=new n.EventEmitter,this.idsChanged=new n.EventEmitter,this.search=""}return t.prototype.ngOnInit=function(){this.items=c(this.items),this.setSelectedItems()},t.prototype.setSelectedItems=function(){var t=this;this.selected&&this.selected.length?this.selected.forEach(function(n){var e,i;try{for(var p=r(t.items),o=p.next();!o.done;o=p.next()){var a=o.value;if(a.id===n.id){a.checked=!0;break}}}catch(d){e={error:d}}finally{try{o&&!o.done&&(i=p["return"])&&i.call(p)}finally{if(e)throw e.error}}}):this.selectedIds&&this.selectedIds.length&&this.selectedIds.forEach(function(n){var e,i;try{for(var p=r(t.items),o=p.next();!o.done;o=p.next()){var a=o.value;if(a.id===n){a.checked=!0;break}}}catch(d){e={error:d}}finally{try{o&&!o.done&&(i=p["return"])&&i.call(p)}finally{if(e)throw e.error}}})},t.prototype.clearSelections=function(){this.items.forEach(function(t){return t.checked=!1}),this.emitChange()},t.prototype.applySelections=function(){this.selected=this.items.filter(function(t){return t.checked}),this.emitChange(this.selected)},t.prototype.emitChange=function(t){t?(this.changed.emit(this.selected),this.idsChanged.emit(t.map(function(t){return t.id}))):(this.changed.emit([]),this.idsChanged.emit([]))},p([n.Input(),o("design:type",d)],t.prototype,"options",void 0),p([n.Input(),o("design:type",Object)],t.prototype,"bindLabel",void 0),p([n.Input(),o("design:type",Object)],t.prototype,"bindValue",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"items",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"selected",void 0),p([n.Input(),o("design:type",Array)],t.prototype,"selectedIds",void 0),p([n.Output(),o("design:type",n.EventEmitter)],t.prototype,"changed",void 0),p([n.Output(),o("design:type",n.EventEmitter)],t.prototype,"idsChanged",void 0),t=p([n.Component({selector:"lib-checkbox",template:'<div class="checkbox-container select-container">\n <div class="select-container__header" *ngIf="options.filter">\n <input class="search-input" type="text" [(ngModel)]="search" placeholder="Search">\n </div>\n <div class="select-container__body">\n <ng-container *ngFor="let item of items | filter: {field: bindLabel, value: search}; let i = index;">\n <div class="checkbox-option">\n <input class="app-checkbox mr10" type="checkbox" [id]="item.id" [(ngModel)]="item.checked">\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 </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:8px 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}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}.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}.select-container__header{padding:0 24px}.select-container__body{border-top:1px solid #caccd1;height:200px;overflow-y:scroll;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;border-top:1px solid #caccd1;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;height:30px}.checkbox-container .select-container__header .search-input{border:none;width:100%}.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:18px 0}']}),o("design:paramtypes",[])],t)}(),s=function(){function t(){}return t.prototype.transform=function(t,n){if(!t||!n||!n.value)return t;if(n.field)try{return t.filter(function(t){return t[n.field].toLowerCase().includes(n.value)})}catch(e){return null}else try{return t.filter(function(t){return t.toLowerCase().includes(n.value)})}catch(e){return null}},t=p([n.Pipe({name:"filter"})],t)}(),x=function(){function t(){}return t=p([n.NgModule({declarations:[s],exports:[s]})],t)}(),f=function(){function t(){}return t=p([n.NgModule({declarations:[g],imports:[e.CommonModule,i.FormsModule,x],exports:[g]})],t)}(),b=function(){function t(){}return t=p([n.NgModule({declarations:[m],imports:[f],providers:[a],exports:[m]})],t)}();t.CmSelectComponent=m,t.CmSelectModule=b,t.CmSelectService=a,t.ɵa=f,t.ɵb=g,t.ɵc=s,t.ɵd=x,Object.defineProperty(t,"__esModule",{value:!0})});
//# sourceMappingURL=cm-select.umd.min.js.map

@@ -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":"lib-cm-select","styles":[],"template":"<lib-checkbox [items]=\"items\" [bindLabel]=\"bindLabel\" [bindValue]=\"bindValue\" [options]=\"options\" [selected]=\"selected\" [selectedIds]=\"selectedIds\"\n (changed)=\"onChange($event)\" (idsChanged)=\"onIdsChanged($event)\">\n</lib-checkbox>"}]}],"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}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"idsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onIdsChanged":[{"__symbolic":"method"}]}},"CmSelectModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"CmSelectComponent"}],"imports":[{"__symbolic":"reference","name":"ɵa"}],"exports":[{"__symbolic":"reference","name":"CmSelectComponent"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵd"}],"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":"lib-checkbox","template":"<div class=\"checkbox-container select-container\">\n <div class=\"select-container__header\" *ngIf=\"options.filter\">\n <input class=\"search-input\" type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search\">\n </div>\n <div class=\"select-container__body\">\n <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: search}; let i = index;\">\n <div class=\"checkbox-option\">\n <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\">\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 </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:8px 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}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}.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}.select-container__header{padding:0 24px}.select-container__body{border-top:1px solid #caccd1;height:200px;overflow-y:scroll;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;border-top:1px solid #caccd1;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;height:30px}.checkbox-container .select-container__header .search-input{border:none;width:100%}.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:18px 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}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"selectedIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"idsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setSelectedItems":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"applySelections":[{"__symbolic":"method"}],"emitChange":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"filter"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵc"}]}]}],"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/filter.pipe","ɵd":"./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":"lib-cm-select","styles":[],"template":"<lib-checkbox [items]=\"items\" [bindLabel]=\"bindLabel\" [bindValue]=\"bindValue\" [options]=\"options\" [selected]=\"selected\" [selectedIds]=\"selectedIds\"\n (changed)=\"onChange($event)\" (idsChanged)=\"onIdsChanged($event)\">\n</lib-checkbox>"}]}],"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}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":3}}]}],"idsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onIdsChanged":[{"__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":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵb"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":11,"character":4},{"__symbolic":"reference","name":"ɵd"}],"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":"lib-checkbox","template":"<div class=\"checkbox-container select-container\">\n <div class=\"select-container__header\" *ngIf=\"options.filter\">\n <input class=\"search-input\" type=\"text\" [(ngModel)]=\"search\" placeholder=\"Search\">\n </div>\n <div class=\"select-container__body\">\n <ng-container *ngFor=\"let item of items | filter: {field: bindLabel, value: search}; let i = index;\">\n <div class=\"checkbox-option\">\n <input class=\"app-checkbox mr10\" type=\"checkbox\" [id]=\"item.id\" [(ngModel)]=\"item.checked\">\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 </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:8px 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}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}.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}.select-container__header{padding:0 24px}.select-container__body{border-top:1px solid #caccd1;height:200px;overflow-y:scroll;padding:0 24px}.select-container__footer{background:#f3f4f7;color:#1d2129;height:50px;border-top:1px solid #caccd1;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;height:30px}.checkbox-container .select-container__header .search-input{border:none;width:100%}.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:18px 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}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":3}}]}],"selectedIds":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":3}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":3}}]}],"idsChanged":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setSelectedItems":[{"__symbolic":"method"}],"clearSelections":[{"__symbolic":"method"}],"applySelections":[{"__symbolic":"method"}],"emitChange":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"filter"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"ɵc"}]}]}],"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/filter.pipe","ɵd":"./lib/utils/filter.pipe"},"importAs":"cm-select"}

@@ -5,2 +5,3 @@ import * as tslib_1 from "tslib";

import { CheckboxModule } from './checkbox/checkbox.module';
import { CmSelectService } from './cm-select.service';
let CmSelectModule = class CmSelectModule {

@@ -14,2 +15,5 @@ };

],
providers: [
CmSelectService,
],
exports: [CmSelectComponent]

@@ -19,2 +23,2 @@ })

export { CmSelectModule };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY20tc2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2NtLXNlbGVjdC8iLCJzb3VyY2VzIjpbImxpYi9jbS1zZWxlY3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQVc1RCxJQUFhLGNBQWMsR0FBM0IsTUFBYSxjQUFjO0NBQUksQ0FBQTtBQUFsQixjQUFjO0lBUDFCLFFBQVEsQ0FBQztRQUNSLFlBQVksRUFBRSxDQUFDLGlCQUFpQixDQUFDO1FBQ2pDLE9BQU8sRUFBRTtZQUNQLGNBQWM7U0FDZjtRQUNELE9BQU8sRUFBRSxDQUFDLGlCQUFpQixDQUFDO0tBQzdCLENBQUM7R0FDVyxjQUFjLENBQUk7U0FBbEIsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbVNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vY20tc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDaGVja2JveE1vZHVsZSB9IGZyb20gJy4vY2hlY2tib3gvY2hlY2tib3gubW9kdWxlJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0NtU2VsZWN0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENoZWNrYm94TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbQ21TZWxlY3RDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIENtU2VsZWN0TW9kdWxlIHsgfVxuIl19
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY20tc2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2NtLXNlbGVjdC8iLCJzb3VyY2VzIjpbImxpYi9jbS1zZWxlY3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFjdEQsSUFBYSxjQUFjLEdBQTNCLE1BQWEsY0FBYztDQUFJLENBQUE7QUFBbEIsY0FBYztJQVYxQixRQUFRLENBQUM7UUFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztRQUNqQyxPQUFPLEVBQUU7WUFDUCxjQUFjO1NBQ2Y7UUFDRCxTQUFTLEVBQUU7WUFDVCxlQUFlO1NBQ2hCO1FBQ0QsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7S0FDN0IsQ0FBQztHQUNXLGNBQWMsQ0FBSTtTQUFsQixjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENtU2VsZWN0Q29tcG9uZW50IH0gZnJvbSAnLi9jbS1zZWxlY3QuY29tcG9uZW50JztcbmltcG9ydCB7IENoZWNrYm94TW9kdWxlIH0gZnJvbSAnLi9jaGVja2JveC9jaGVja2JveC5tb2R1bGUnO1xuaW1wb3J0IHsgQ21TZWxlY3RTZXJ2aWNlIH0gZnJvbSAnLi9jbS1zZWxlY3Quc2VydmljZSc7XG5cblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtDbVNlbGVjdENvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtcbiAgICBDaGVja2JveE1vZHVsZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgQ21TZWxlY3RTZXJ2aWNlLFxuICBdLFxuICBleHBvcnRzOiBbQ21TZWxlY3RDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIENtU2VsZWN0TW9kdWxlIHsgfVxuIl19

@@ -5,2 +5,3 @@ import * as tslib_1 from "tslib";

import { CheckboxModule } from './checkbox/checkbox.module';
import { CmSelectService } from './cm-select.service';
var CmSelectModule = /** @class */ (function () {

@@ -15,2 +16,5 @@ function CmSelectModule() {

],
providers: [
CmSelectService,
],
exports: [CmSelectComponent]

@@ -22,2 +26,2 @@ })

export { CmSelectModule };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY20tc2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2NtLXNlbGVjdC8iLCJzb3VyY2VzIjpbImxpYi9jbS1zZWxlY3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQVc1RDtJQUFBO0lBQThCLENBQUM7SUFBbEIsY0FBYztRQVAxQixRQUFRLENBQUM7WUFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztZQUNqQyxPQUFPLEVBQUU7Z0JBQ1AsY0FBYzthQUNmO1lBQ0QsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7U0FDN0IsQ0FBQztPQUNXLGNBQWMsQ0FBSTtJQUFELHFCQUFDO0NBQUEsQUFBL0IsSUFBK0I7U0FBbEIsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbVNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vY20tc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDaGVja2JveE1vZHVsZSB9IGZyb20gJy4vY2hlY2tib3gvY2hlY2tib3gubW9kdWxlJztcblxuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0NtU2VsZWN0Q29tcG9uZW50XSxcbiAgaW1wb3J0czogW1xuICAgIENoZWNrYm94TW9kdWxlLFxuICBdLFxuICBleHBvcnRzOiBbQ21TZWxlY3RDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIENtU2VsZWN0TW9kdWxlIHsgfVxuIl19
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY20tc2VsZWN0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2NtLXNlbGVjdC8iLCJzb3VyY2VzIjpbImxpYi9jbS1zZWxlY3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzFELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFjdEQ7SUFBQTtJQUE4QixDQUFDO0lBQWxCLGNBQWM7UUFWMUIsUUFBUSxDQUFDO1lBQ1IsWUFBWSxFQUFFLENBQUMsaUJBQWlCLENBQUM7WUFDakMsT0FBTyxFQUFFO2dCQUNQLGNBQWM7YUFDZjtZQUNELFNBQVMsRUFBRTtnQkFDVCxlQUFlO2FBQ2hCO1lBQ0QsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7U0FDN0IsQ0FBQztPQUNXLGNBQWMsQ0FBSTtJQUFELHFCQUFDO0NBQUEsQUFBL0IsSUFBK0I7U0FBbEIsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDbVNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vY20tc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDaGVja2JveE1vZHVsZSB9IGZyb20gJy4vY2hlY2tib3gvY2hlY2tib3gubW9kdWxlJztcbmltcG9ydCB7IENtU2VsZWN0U2VydmljZSB9IGZyb20gJy4vY20tc2VsZWN0LnNlcnZpY2UnO1xuXG5cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbQ21TZWxlY3RDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbXG4gICAgQ2hlY2tib3hNb2R1bGUsXG4gIF0sXG4gIHByb3ZpZGVyczogW1xuICAgIENtU2VsZWN0U2VydmljZSxcbiAgXSxcbiAgZXhwb3J0czogW0NtU2VsZWN0Q29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBDbVNlbGVjdE1vZHVsZSB7IH1cbiJdfQ==

@@ -292,2 +292,5 @@ import { __decorate, __metadata } from 'tslib';

],
providers: [
CmSelectService,
],
exports: [CmSelectComponent]

@@ -294,0 +297,0 @@ })

@@ -341,2 +341,5 @@ import { __decorate, __metadata, __values } from 'tslib';

],
providers: [
CmSelectService,
],
exports: [CmSelectComponent]

@@ -343,0 +346,0 @@ })

{
"name": "cm-select",
"version": "0.0.1",
"version": "0.0.2",
"peerDependencies": {

@@ -5,0 +5,0 @@ "@angular/common": "^8.1.0",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc