ngx-filters
Version:
This library was generated for all type of frameworks such as Angular Material, Prime Ng, etc. Providing Filters such as Number Box, TextBox, Date, Single Select, Multi Select And True/False Filters for grids or list.
1 lines • 81.2 kB
JSON
{"__symbolic":"module","version":4,"metadata":{"NgxFilterConfig":{"__symbolic":"class","members":{}},"NgxFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":29,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"NgxFiltersComponent"},{"__symbolic":"reference","name":"ConditionsSelectorComponent"},{"__symbolic":"reference","name":"TextBoxComponent"},{"__symbolic":"reference","name":"NumberBoxComponent"},{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","name":"SelectBoxComponent"},{"__symbolic":"reference","name":"MultiSelectBoxComponent"},{"__symbolic":"reference","name":"TrueFalseComponent"},{"__symbolic":"reference","name":"NgxDateFilterComponent"},{"__symbolic":"reference","name":"NgxTextFilterComponent"},{"__symbolic":"reference","name":"NgxNumberFilterComponent"},{"__symbolic":"reference","name":"SeparateThreeCommaPipe"},{"__symbolic":"reference","name":"NgxSelectFilterComponent"},{"__symbolic":"reference","name":"NgxMultiSelectFilterComponent"},{"__symbolic":"reference","name":"NgxTrueFalseFilterComponent"},{"__symbolic":"reference","name":"ConditionFilterPipe"},{"__symbolic":"reference","name":"DisplayLabelFilterPipe"},{"__symbolic":"reference","name":"HasFilterPipe"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"NgxChipFilterComponent"},{"__symbolic":"reference","name":"ɵc"}],"exports":[{"__symbolic":"reference","name":"NgxFiltersComponent"},{"__symbolic":"reference","name":"ConditionsSelectorComponent"},{"__symbolic":"reference","name":"TextBoxComponent"},{"__symbolic":"reference","name":"NumberBoxComponent"},{"__symbolic":"reference","name":"DateComponent"},{"__symbolic":"reference","name":"SelectBoxComponent"},{"__symbolic":"reference","name":"MultiSelectBoxComponent"},{"__symbolic":"reference","name":"TrueFalseComponent"},{"__symbolic":"reference","name":"NgxDateFilterComponent"},{"__symbolic":"reference","name":"NgxTextFilterComponent"},{"__symbolic":"reference","name":"NgxNumberFilterComponent"},{"__symbolic":"reference","name":"SeparateThreeCommaPipe"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"NgxChipFilterComponent"},{"__symbolic":"reference","name":"ɵc"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":71,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":72,"character":4}],"providers":[]}]}],"members":{}},"NgxFiltersComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ngx-filters","encapsulation":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewEncapsulation","line":17,"character":17},"member":"None"},"template":"<ng-container *ngFor=\"let filter of filters\">\n <ng-container *ngIf=\"!filter.hidden\">\n <ngx-conditions-selector-filter\n *ngIf=\"\n (filtersService.conditionSource | conditionFilter:filter).length > 0\n \"\n [filter]=\"filter\"\n [conditions]=\"filtersService.conditionSource | conditionFilter:filter\">\n </ngx-conditions-selector-filter>\n\n <ng-container [ngSwitch]=\"filter.type\">\n <ng-container *ngSwitchCase=\"filterTypes.DateTime\">\n <ngx-date-filter [filter]=\"filter\"></ngx-date-filter>\n </ng-container>\n <ng-container *ngSwitchCase=\"filterTypes.TextBox\">\n <ngx-text-filter [filter]=\"filter\"></ngx-text-filter>\n </ng-container>\n <ng-container *ngSwitchCase=\"filterTypes.Number\">\n <ngx-number-filter [filter]=\"filter\"></ngx-number-filter>\n </ng-container>\n <ng-container *ngSwitchCase=\"filterTypes.SingleSelect\">\n <ngx-select-filter [filter]=\"filter\"></ngx-select-filter>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"filterTypes.MultiSelect\">\n <ngx-multi-select-filter [filter]=\"filter\"></ngx-multi-select-filter>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"filterTypes.TrueFalse\">\n <ngx-true-false-filter [filter]=\"filter\"></ngx-true-false-filter>\n </ng-container>\n </ng-container>\n </ng-container>\n</ng-container>\n\n<!--<ng-template #textBoxRef>-->\n\n<!--</ng-template>-->\n<!--<div class=\"ngx-mat-filters-wrapper\">-->\n<!-- <div [hidden]=\"loading\">-->\n<!-- <div class=\"ngx-mat-filter-items\" [class.xs]=\"isXs\">-->\n\n<!-- <ng-container *ngIf=\"filters && filters.length > 0\">-->\n<!--<!– <mat-accordion>–>-->\n<!-- <div *ngFor=\"let filter of filters\" class=\"ngx-mat-filter-item\">-->\n<!-- <ng-container *ngIf=\"!filter.hidden\">-->\n<!-- <ng-container *ngIf=\"filter.type == filterTypes.TrueFalse\">-->\n<!-- <div-->\n<!-- (click)=\"$event.stopPropagation();filter.value = !filter.value\"-->\n<!-- class=\"filter-true-false ngx-mat-filters-header mat-expansion-panel-header\"-->\n<!-- [style.padding]=\"isXs? 0: ''\">-->\n<!-- <div class=\"filter-header\">-->\n\n<!-- <button *ngIf=\"filter.hasFilter\" [color]=\"matColor\"-->\n<!-- (click)=\"$event.stopPropagation();filter.value=null;filter.hasFilter=false;clear.emit()\"-->\n<!-- type=\"button\"-->\n<!-- mat-icon-button>-->\n<!-- <!– <i class=\"fal fa-eraser\"></i>–>-->\n<!-- <ng-container [ngTemplateOutlet]=\"clearIconRef\">-->\n\n<!-- </ng-container>-->\n<!-- <!– <ng-container *ngIf=\"filter.hasFilter\" [ngTemplateOutlet]=\"filterIconRef\">–>-->\n\n<!-- <!– </ng-container>–>-->\n\n<!-- <!– <mat-icon>cleaning_services</mat-icon>–>-->\n<!-- </button>-->\n<!-- <!– <i class=\"fal fa-filter text-success\"–>-->\n<!-- <!– *ngIf=\"filter | hasFilter\"–>-->\n<!-- <!– ></i>–>-->\n<!-- <!– <mat-icon class=\"filter-text-success\" *ngIf=\"filter.hasFilter\">filter_alt</mat-icon>–>-->\n<!-- <div class=\"ngx-mat-filter-item-display-label\">-->\n<!-- {{filter?.label}}-->\n<!-- </div>-->\n<!-- </div>-->\n\n<!-- <div>-->\n<!-- <mat-true-false-filter-->\n<!-- [filter]=\"filter\"></mat-true-false-filter>-->\n<!-- </div>-->\n<!-- </div>-->\n<!-- </ng-container>-->\n<!-- <ng-container *ngIf=\"filter.type != filterTypes.TrueFalse\">-->\n\n<!--<!– <mat-expansion-panel [style.width]=\"'100%'\" [expanded]=\"false\">–>-->\n<!--<!– <mat-expansion-panel-header class=\"ngx-mat-filters-header\" [style.padding]=\"isXs? 0: ''\">–>-->\n<!-- <div class=\"filter-header\">-->\n<!-- <button *ngIf=\"filter.hasFilter\" [color]=\"matColor\"-->\n<!-- (click)=\"$event.stopPropagation();onClear(filter)\"-->\n<!-- type=\"button\"-->\n<!-- mat-icon-button>-->\n<!-- <!– <i class=\"fal fa-eraser\"></i>–>-->\n<!-- <ng-container [ngTemplateOutlet]=\"clearIconRef\">-->\n\n<!-- </ng-container>-->\n<!-- <!– <ng-container *ngIf=\"filter.hasFilter\" [ngTemplateOutlet]=\"filterIconRef\">–>-->\n\n<!-- <!– </ng-container>–>-->\n\n<!-- </button>-->\n<!-- <!– <i class=\"fal fa-filter text-success\"–>-->\n<!-- <!– *ngIf=\"filter | hasFilter\"></i>–>-->\n\n<!-- <!– <mat-icon class=\"filter-text-success\" *ngIf=\"filter.hasFilter\">filter_alt</mat-icon>–>-->\n\n<!-- <div class=\"ngx-mat-filter-item-display-label\">-->\n\n<!-- {{filter?.label}}-->\n<!-- <!– {{filtersService.getDisplayLabel(filter)}}–>-->\n<!-- </div>-->\n<!-- </div>-->\n<!--<!– </mat-expansion-panel-header>–>-->\n<!-- <ng-container-->\n<!-- *ngIf=\"!filter.hiddenCondition\"-->\n<!-- >-->\n<!-- <ngx-filter-mat-conditions-selector-->\n<!-- *ngIf=\"-->\n\n<!-- (filtersService.conditionSource | conditionFilter:filter.type).length > 0-->\n<!-- \"-->\n<!-- [filter]=\"filter\"-->\n<!-- [conditions]=\"filtersService.conditionSource | conditionFilter:filter.type\">-->\n<!-- </ngx-filter-mat-conditions-selector>-->\n\n<!-- </ng-container>-->\n<!-- <ng-container [ngSwitch]=\"filter.type\">-->\n<!-- <ng-container *ngSwitchCase=\"filterTypes.DateTime\">-->\n<!-- <ng-container *ngIf=\"filtersService.useJalaliDate\">-->\n<!--<!– <date-time-jalali-filter [filter]=\"filter\"></date-time-jalali-filter>–>-->\n<!-- </ng-container>-->\n<!-- <ng-container *ngIf=\"!filtersService.useJalaliDate\">-->\n<!--<!– <mat-date-time-filter [filter]=\"filter\"></mat-date-time-filter>–>-->\n<!-- </ng-container>-->\n\n<!-- </ng-container>-->\n<!-- <ng-container *ngSwitchCase=\"filterTypes.Number\">-->\n<!--<!– <mat-number-box-filter [filter]=\"filter\"></mat-number-box-filter>–>-->\n<!-- </ng-container>-->\n<!-- <ng-container *ngSwitchCase=\"filterTypes.MultiSelect\">-->\n<!--<!– <mat-select-box-filter [filter]=\"filter\"></mat-select-box-filter>–>-->\n<!-- </ng-container>-->\n<!-- <ng-container *ngSwitchCase=\"filterTypes.SingleSelect\">-->\n<!--<!– <mat-select-box-filter [filter]=\"filter\"></mat-select-box-filter>–>-->\n<!-- </ng-container>-->\n<!-- <ng-container *ngSwitchCase=\"filterTypes.TextBox\">-->\n<!--<!– <mat-text-box-filter [filter]=\"filter\"></mat-text-box-filter>–>-->\n<!-- </ng-container>-->\n<!-- </ng-container>-->\n\n<!--<!– </mat-expansion-panel>–>-->\n<!-- </ng-container>-->\n\n<!-- </ng-container>-->\n\n<!-- </div>-->\n<!--<!– </mat-accordion>–>-->\n\n\n<!-- </ng-container>-->\n\n<!-- </div>-->\n<!-- <div class=\"ngx-mat-filters-actions\"></div>-->\n<!-- </div>-->\n<!-- <div *ngIf=\"loading\" class=\"filter-spinner-container\">-->\n<!--<!– <mat-spinner [color]=\"matColor\" [strokeWidth]=\"4\" [diameter]=\"55\"></mat-spinner>–>-->\n<!-- </div>-->\n\n<!--</div>-->\n\n<!--<ng-template #clearIconRef>-->\n<!-- <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-eraser-fill\"-->\n<!-- viewBox=\"0 0 16 16\">-->\n<!-- <path-->\n<!-- d=\"M8.086 2.207a2 2 0 0 1 2.828 0l3.879 3.879a2 2 0 0 1 0 2.828l-5.5 5.5A2 2 0 0 1 7.879 15H5.12a2 2 0 0 1-1.414-.586l-2.5-2.5a2 2 0 0 1 0-2.828l6.879-6.879zm.66 11.34L3.453 8.254 1.914 9.793a1 1 0 0 0 0 1.414l2.5 2.5a1 1 0 0 0 .707.293H7.88a1 1 0 0 0 .707-.293l.16-.16z\"/>-->\n<!-- </svg>-->\n<!--</ng-template>-->\n<!--<ng-template #filterIconRef>-->\n<!-- <svg class=\"filter-text-success\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"-->\n<!-- viewBox=\"0 0 16 16\">-->\n<!-- <path-->\n<!-- d=\"M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z\"/>-->\n<!-- </svg>-->\n<!--</ng-template>-->\n\n\n<div class=\"ngx-filters\">\n\n</div>\n","styles":[".ngx-filters-component-wrapper{display:flex;flex-wrap:wrap;grid-gap:8px;width:100%}.ngx-filters-component-wrapper>div{box-sizing:border-box;flex:1 1 50%}.form-control{background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;display:block;font-size:14px;height:34px;line-height:1.42857143;padding:6px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-control:focus{border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);outline:0}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control::-ms-expand{background-color:initial;border:0}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}@media screen and (-webkit-min-device-pixel-ratio:0){input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:46px}}.form-group{margin-bottom:15px}.checkbox,.radio{display:block;margin-bottom:10px;margin-top:10px;position:relative}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.checkbox label,.radio label{cursor:pointer;font-weight:400;margin-bottom:0;min-height:20px;padding-left:20px}.checkbox-inline input[type=checkbox],.checkbox input[type=checkbox],.radio-inline input[type=radio],.radio input[type=radio]{margin-left:-20px;margin-top:4px\\9;position:absolute}.checkbox+.checkbox,.radio+.radio{margin-top:-5px}.checkbox-inline,.radio-inline{cursor:pointer;display:inline-block;font-weight:400;margin-bottom:0;padding-left:20px;position:relative;vertical-align:middle}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-left:10px;margin-top:0}.form-control-static{margin-bottom:0;min-height:34px;padding-bottom:7px;padding-top:7px}.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 10px}select.input-sm{height:30px;line-height:30px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control{border-radius:3px;font-size:12px;height:30px;line-height:1.5;padding:5px 10px}.form-group-sm select.form-control{height:30px;line-height:30px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control{height:auto}.form-group-sm .form-control-static{font-size:12px;height:30px;line-height:1.5;min-height:32px;padding:6px 10px}.input-lg{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 16px}select.input-lg{height:46px;line-height:46px}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg .form-control{border-radius:6px;font-size:18px;height:46px;line-height:1.3333333;padding:10px 16px}.form-group-lg select.form-control{height:46px;line-height:46px}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{font-size:18px;height:46px;line-height:1.3333333;min-height:38px;padding:11px 16px}.has-feedback{position:relative}.has-feedback .form-control{padding-right:42.5px}.form-control-feedback{display:block;height:34px;line-height:34px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;width:34px;z-index:2}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{height:46px;line-height:46px;width:46px}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{height:30px;line-height:30px;width:30px}.has-success .checkbox,.has-success .checkbox-inline,.has-success.checkbox-inline label,.has-success.checkbox label,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.radio-inline label,.has-success.radio label{color:#3c763d}.has-success .form-control{border-color:#3c763d;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-success .form-control:focus{border-color:#2b542c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168}.has-success .input-group-addon{background-color:#dff0d8;border-color:#3c763d;color:#3c763d}.has-success .form-control-feedback{color:#3c763d}.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning.checkbox-inline label,.has-warning.checkbox label,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.radio-inline label,.has-warning.radio label{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-warning .form-control:focus{border-color:#66512c;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b}.has-warning .input-group-addon{background-color:#fcf8e3;border-color:#8a6d3b;color:#8a6d3b}.has-warning .form-control-feedback{color:#8a6d3b}.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label{color:#a94442}.has-error .form-control{border-color:#a94442;box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.has-error .form-control:focus{border-color:#843534;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483}.has-error .input-group-addon{background-color:#f2dede;border-color:#a94442;color:#a94442}.has-error .form-control-feedback{color:#a94442}.has-feedback label~.form-control-feedback{top:25px}.has-feedback label.sr-only~.form-control-feedback{top:0}.help-block{color:#737373;display:block;margin-bottom:10px;margin-top:5px}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-bottom:0;margin-top:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{margin-left:0;position:relative}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-bottom:0;margin-top:0;padding-top:7px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:27px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}@media (min-width:768px){.form-horizontal .control-label{margin-bottom:0;padding-top:7px;text-align:right}}.form-horizontal .has-feedback .form-control-feedback{right:15px}@media (min-width:768px){.form-horizontal .form-group-lg .control-label{font-size:18px;padding-top:11px}}@media (min-width:768px){.form-horizontal .form-group-sm .control-label{font-size:12px;padding-top:6px}}.caret{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px dashed;border-top:4px solid\\9;display:inline-block;height:0;margin-left:2px;vertical-align:middle;width:0}.dropdown,.dropup{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;float:left;font-size:14px;left:0;list-style:none;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;top:100%;z-index:1000}.dropdown-menu.pull-right{left:auto;right:0}.dropdown-menu .divider{background-color:#e5e5e5;height:1px;margin:9px 0;overflow:hidden}.dropdown-menu>li>a{clear:both;color:#333;display:block;font-weight:400;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background-color:#f5f5f5;color:#262626;text-decoration:none}.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover{background-color:#337ab7;color:#fff;outline:0;text-decoration:none}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{color:#777}.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover{background-color:initial;background-image:none;cursor:not-allowed;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-decoration:none}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{color:#777;display:block;font-size:12px;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:990}.pull-right>.dropdown-menu{left:auto;right:0}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-bottom:4px dashed;border-bottom:4px solid\\9;border-top:0;content:\"\"}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{bottom:100%;margin-bottom:2px;top:auto}@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.clearfix:after,.clearfix:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before{content:\" \";display:table}.clearfix:after,.form-horizontal .form-group:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{background-color:initial;border:0;color:transparent;font:0/0 a;text-shadow:none}.hidden{display:none!important}.affix{position:fixed}.ngx-filter-icon{position:relative}.ngx-filter-icon>div{padding:0 30px 0 15px}html[dir=rtl] .ngx-filter-icon>div{padding:0 15px 0 30px}.ngx-filter-icon:after{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAACJElEQVRoge3ZP4wMYRzG8c9yROSaa+RICAUJBQkNCadAIhoaKho6CjmVnEapozqVK0SnEoUoiESEgkZ1CQUhISTi/5/gVjHvmnGydzO7M7vvJvNNttrf+7zP8867s+9vhpq4uY3mgHzuZo03ZgVpdrsSPeav/6H5CiLlvwVf0KZwpGIj3ZDL2z1J2vsYrtROZwxLvDXxaK7CZZgOhbewpHJr+VmMGxJvT7B8vgEr8SwMuIZFVbrLyUJclXh6gdV5B67FqzDwiva/pV7QwFTw8gbriwpsxLsgMKU/d7IGLgYP77G5U6Gt+BSELpRirRjnwtxfsKNbsV34FgQnuhUrwJkw5w/sLUt0P34G4VNlic7BiTDXLxwsW/wwfmMGx8oWz3AkM8/RqiY5Ll2pQxXoH5Be+fEK9P9hQrp395Wouxvfg/bpEnXnpHU3+YqxEvS2Se+O50vQy00Dk2HiD9jShdYm6f/VZPfWitPApWDgLTZ0oLEOr0VwgsiegV5iTYGxq/BceqZr1xv1jOyp9ClW5BgT7Sl7qaSHLtp3PxBh3zOieJBoO9GWwbLqctPPPqNU6iCxUQeJjTpIbNRBYqMOEht1kNiog8RGVUG2V6TbM+5IGqYZXMZom7rSG6uyGcJJybOuJj7jrOQBRZbog7QYlVyRGYnhaezJfD8wQVqM4bHU+HXJO8qBC0Ky3cal2+2jAQ3SYvZ2G9ggLXbiIW7220hNlfwBBDfD337dOpoAAAAASUVORK5CYII=\");background-position:50%;background-size:contain;content:\"\";height:20px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px}html[dir=rtl] .ngx-filter-icon:after{left:0;right:unset}"]}]}],"members":{"filters":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":3}}]}],"filterCount":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":3}}]}],"filterCountChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":3}}]}],"clear":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":25,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":28,"character":14},{"__symbolic":"reference","name":"NgxFiltersService"},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":30,"character":27,"context":{"typeName":"HTMLElement"},"module":"./lib/ngx-filters.component"}]}]}],"ngOnInit":[{"__symbolic":"method"}],"onClear":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"_setClassToDialogContainer":[{"__symbolic":"method"}]}},"NgxFiltersService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":32,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":32,"character":17},"arguments":[{"__symbolic":"reference","name":"NGX_FILTERS_CONFIGS"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":31,"character":14},{"__symbolic":"reference","name":"NgxFilterConfig"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":33,"character":22}]}],"getComponentFactory":[{"__symbolic":"method"}],"checkHasFilter":[{"__symbolic":"method"}],"getConditionSource":[{"__symbolic":"method"}],"getDefaultCondition":[{"__symbolic":"method"}],"getConditionLabel":[{"__symbolic":"method"}],"getCondition":[{"__symbolic":"method"}],"getTime":[{"__symbolic":"method"}],"setValueForDateHasNoValue":[{"__symbolic":"method"}],"clearFilter":[{"__symbolic":"method"}],"getDisplayLabel":[{"__symbolic":"method"}],"toQueryString":[{"__symbolic":"method"}],"getFiltersInQueryString":[{"__symbolic":"method"}],"getPageFilterInQueryString":[{"__symbolic":"method"}],"_numberWithCommas":[{"__symbolic":"method"}],"_money":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"SeparateThreeCommaPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"separateThreeComma"}]}],"members":{"numberWithCommas":[{"__symbolic":"method"}],"transform":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"DisplayLabelFilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"displayLabelFilter"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxFiltersService"}]}],"transform":[{"__symbolic":"method"}]}},"ConditionFilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"conditionFilter"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxFiltersService"}]}],"transform":[{"__symbolic":"method"}]}},"HasFilterPipe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"hasFilter"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"NgxFiltersService"}]}],"transform":[{"__symbolic":"method"}]}},"ConditionsSelectorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxConditionSelectorFilter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-filter-conditions-selector","template":"<div *ngIf=\"filter\" style=\";margin-bottom: 6px;max-width: 200px;width: 100%\">\n <label>\n {{label}}\n </label>\n <select [disabled]=\"filter.disabledCondition\" (change)=\"onChangeValue($event)\" class=\"form-control\"\n style=\"width: 100%\">\n <option [selected]=\"condition.key==value\" *ngFor=\"let condition of conditions\" [value]=\"condition.key\">\n {{condition.label}}\n </option>\n </select>\n\n</div>\n","styles":[""]}]}],"members":{"conditions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}],"onChangeValue":[{"__symbolic":"method"}]}},"NgxFilterBaseComponent":{"__symbolic":"class","members":{}},"NgxFilterBase":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":15,"character":1},"arguments":[{}]}],"members":{"containerRefDev1":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":3},"arguments":["containerRefDev1",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":18,"character":40}}]}]}],"containerRefDev2":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":3},"arguments":["containerRefDev2",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":19,"character":40}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":25,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"generateComponents":[{"__symbolic":"method"}],"refreshLabels":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"NgxConditionSelectorFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBaseComponent"},"members":{}},"DateComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxDateFilter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":"ngx-date","template":"<div>\n <label>{{label}}</label>\n <input class=\"form-control\" [(ngModel)]=\"value\" type=\"date\" (ngModelChange)=\"valueChange.emit($event)\">\n\n</div>\n","styles":[""]}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxDateFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBaseComponent"},"members":{}},"NgxDateFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"ngx-date-filter","template":"<div\r\n [style.display]=\"!filter.conditionOperator.includes('Current')\r\n && !filter.conditionOperator.includes('Last') && !filter.conditionOperator.includes('ToDay') ? 'flex': 'none'\"\r\n class=\"ngx-filters-component-wrapper\">\r\n <div>\r\n <ng-container #containerRefDev1></ng-container>\r\n </div>\r\n <div [style.display]=\"filter.conditionOperator.includes('Between')? 'block': 'none'\">\r\n <ng-container #containerRefDev2></ng-container>\r\n </div>\r\n\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":18,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":30,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NgxNumberBoxFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBaseComponent"},"members":{}},"NumberBoxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxNumberBoxFilter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"number-box","template":"<div>\n <label>{{label}}</label>\n <input class=\"form-control\" type=\"number\" [(ngModel)]=\"value\" (ngModelChange)=\"valueChange.emit($event)\">\n <div\n *ngIf=\"isMoney\">{{filter.value | separateThreeComma}}\n {{prefixTextForHint}}</div>\n\n</div>\n","styles":[""]}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxNumberFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ngx-number-filter","template":"<div\r\n [style.display]=\"!filter.conditionOperator.includes('Current')\r\n && !filter.conditionOperator.includes('Last') && !filter.conditionOperator.includes('ToDay') ? 'flex': 'none'\"\r\n class=\"ngx-filters-component-wrapper\">\r\n <div>\r\n <ng-container #containerRefDev1></ng-container>\r\n </div>\r\n <div [style.display]=\"filter.conditionOperator.includes('Between')? 'block': 'none'\">\r\n <ng-container #containerRefDev2></ng-container>\r\n </div>\r\n\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":21,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"changeValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":29,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":3}}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NgxTrueFalseFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBaseComponent"},"members":{}},"TrueFalseComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxTrueFalseFilter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-true-false","template":"<p>true-false works!</p>\n","styles":[""]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxTrueFalseFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-true-false-filter","template":"<div class=\"ngx-filters-component-wrapper\">\r\n <div>\r\n <ng-container #containerRefDev1></ng-container>\r\n </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":10,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"changeValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NgxSelectBoxFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBaseComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{}]}],"members":{"filterSourceChange":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"SelectBoxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxSelectBoxFilter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-select-box","template":"<label>\n <!-- {{label}}-->\n <select class=\"form-control ngx-filter-select\" (change)=\"valueChange.emit($event)\">\n <option *ngFor=\"let op of initSource\">\n {{op[displayMember]}}\n </option>\n </select>\n</label>\n","styles":[".ngx-filter-select{min-width:200px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxSelectFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-select-filter","template":"<div class=\"ngx-filters-component-wrapper\">\r\n <div>\r\n <ng-container #containerRefDev1></ng-container>\r\n </div>\r\n</div>\r\n"}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"changeValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":12,"character":24}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"MultiSelectBoxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxMultiSelectFilter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-multi-select-box","template":"<label>\n <!-- {{label}}-->\n <select multiple=\"multiple\" class=\"form-control ngx-filter-select\" (change)=\"valueChange.emit($event)\">\n <option *ngFor=\"let op of initSource\">\n {{op[displayMember]}}\n </option>\n </select>\n</label>\n","styles":[".ngx-filter-select{min-width:200px}"]}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":14,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxMultiSelectFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxSelectBoxFilter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":3,"character":1},"arguments":[{}]}],"members":{}},"NgxMultiSelectFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"ngx-multi-select-filter","template":"<div class=\"ngx-filters-component-wrapper\">\r\n <div>\r\n <ng-container #containerRefDev1></ng-container>\r\n </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":10,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":3}}]}],"changeValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":20,"character":3}}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NgxTextBoxFilter":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBaseComponent"},"members":{}},"TextBoxComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxTextBoxFilter"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"app-text-box","template":"<div>\n <label>{{label}}</label>\n <input class=\"form-control\" type=\"text\" [(ngModel)]=\"value\" (ngModelChange)=\"valueChange.emit($event)\">\n</div>\n","styles":[""]}]}],"members":{"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":3}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":3}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":3}}]}],"options":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":3}}]}],"ngOnInit":[{"__symbolic":"method"}]}},"NgxTextFilterComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"NgxFilterBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":"ngx-text-filter","template":"<div class=\"ngx-filters-component-wrapper\">\r\n <div>\r\n <ng-container #containerRefDev1></ng-container>\r\n </div>\r\n</div>\r\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":19,"character":24}]}],"ngOnInit":[{"__symbolic":"method"}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":3}}]}],"changeValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":28,"character":3}}]}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"NgxChipFilte