UNPKG

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.

94 lines 32.8 kB
import { Component, EventEmitter, Injector, Input, Output, PLATFORM_ID, ViewChild, ViewEncapsulation } from '@angular/core'; import { NgxFiltersParentBase } from "../ngx-filters-parent-base"; import { isPlatformBrowser } from "@angular/common"; import { FilterTypes } from "../ngx-types"; export class NgxChipFilterComponent extends NgxFiltersParentBase { constructor(injector) { super(injector); this.isOpen = false; this.hasClearAll = true; this.filterChange = new EventEmitter(); this.filters = []; this.showSelectedValue = false; this.afterClose = new EventEmitter(); this.afterOpen = new EventEmitter(); this.apply = new EventEmitter(); this.afterApply = () => { this.isOpen = false; this.selectedFilter = null; this.afterClose.emit(); }; this.platformId = injector.get(PLATFORM_ID); } close() { const index = this.innerFilters.indexOf(this.selectedFilter); if (index >= 0) { const filter = this.filters.find(z => z.field == this.selectedFilter.field); if (filter) { this.innerFilters[index] = this.getClone([filter])[0]; } } this.isOpen = false; this.selectedFilter = null; this.afterClose.emit(); } ngOnInit() { super.ngOnInit(); } showFilter(filter) { this.selectedFilter = this.innerFilters.find(z => z.field == filter.field); setTimeout(() => { if (isPlatformBrowser(this.platformId)) { document.documentElement.appendChild(this.filterDialogRef.nativeElement); } }); this.afterOpen.emit(filter); this.isOpen = true; } onClear(filter) { this.filtersService.clearFilter(filter); this.applyFilter(filter); } onConditionChange(filterType) { if (filterType == FilterTypes.DateTime && this.dateFilter) { this.dateFilter.refreshLabels(); } if (filterType == FilterTypes.Number && this.numberBox) this.numberBox.refreshLabels(); } ngAfterViewInit() { } setTitle(title) { setTimeout(() => { var _a, _b; title.title = (_b = (_a = title.textContent) === null || _a === void 0 ? void 0 : _a.replace(/\n/g, '')) !== null && _b !== void 0 ? _b : ''; }); } } NgxChipFilterComponent.decorators = [ { type: Component, args: [{ selector: 'ngx-chip-filter', template: "<div class=\"ngx-chip-filter-wrap\">\n <div *ngIf=\"hasClearAll\">\n <button class=\"ngx-filters-clearAll\" type=\"button\" (click)=\"onClearAll()\">Clear all</button>\n\n </div>\n <div class=\"ngx-chip-filter-item hasFilter\">\n <div class=\"ngx-filter-icon \">\n <div>\n {{this.filterCount}}\n </div>\n </div>\n </div>\n <div\n [class.hasFilter]=\"filter.hasFilter\" class=\"ngx-chip-filter-item\" (click)=\"showFilter(filter)\"\n *ngFor=\"let filter of innerFilters\">\n <div>\n {{filter.label }}\n </div>\n <div class=\"ngx-chip-filter-selected-value\"\n [style.display]=\"showSelectedValue && filter.hasFilter? 'flex': 'none'\"\n [innerHTML]=\"': '+(filter.displayLabel ? filter.displayLabel:(filter|displayLabelFilter))\">\n </div>\n <div *ngIf=\"filter.hasFilter && !filter.hideRemove\" (click)=\"$event.stopPropagation(); onClear(filter)\"\n class=\"ngx-chip-filter-item-remove-icon\">\n </div>\n </div>\n\n\n</div>\n<ng-container *ngIf=\"selectedFilter\">\n <div #filterDialogRef>\n <div (click)=\"close()\" class=\"ngx-chip-filter-bottom-sheet-back-drop\"></div>\n\n <div class=\"ngx-chip-filter-bottom-sheet-warp\">\n\n <div class=\"ngx-chip-filter-bottom-sheet-container\">\n <div class=\"ngx-chip-filter-bottom-sheet-title\">{{selectedFilter?.label}}</div>\n <ng-container *ngIf=\"!selectedFilter.hidden\">\n <div class=\"ngx-chip-filter-bottom-sheet-filters\">\n <ngx-conditions-selector-filter\n [style.display]=\"selectedFilter.hiddenCondition? 'none': 'block'\"\n (changeValue)=\"onConditionChange(selectedFilter.type)\"\n *ngIf=\"\n\n (filtersService.conditionSource | conditionFilter:selectedFilter).length > 0\n \"\n [filter]=\"selectedFilter\"\n [conditions]=\"filtersService.conditionSource | conditionFilter:selectedFilter\">\n </ngx-conditions-selector-filter>\n\n <ng-container [ngSwitch]=\"selectedFilter.type\">\n <ng-container *ngSwitchCase=\"filterTypes.DateTime\">\n <ngx-date-filter #dateFilter [filter]=\"selectedFilter\"></ngx-date-filter>\n </ng-container>\n <ng-container *ngSwitchCase=\"filterTypes.TextBox\">\n <ngx-text-filter [filter]=\"selectedFilter\"></ngx-text-filter>\n </ng-container>\n <ng-container *ngSwitchCase=\"filterTypes.Number\">\n <ngx-number-filter #numberBox [filter]=\"selectedFilter\"></ngx-number-filter>\n </ng-container>\n <ng-container *ngSwitchCase=\"filterTypes.SingleSelect\">\n <ngx-select-filter [filter]=\"selectedFilter\"></ngx-select-filter>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"filterTypes.MultiSelect\">\n <ngx-multi-select-filter [filter]=\"selectedFilter\"></ngx-multi-select-filter>\n </ng-container>\n\n <ng-container *ngSwitchCase=\"filterTypes.TrueFalse\">\n <ngx-true-false-filter [filter]=\"selectedFilter\"></ngx-true-false-filter>\n </ng-container>\n </ng-container>\n </div>\n </ng-container>\n <button type=\"button\" (click)=\"applyFilter(selectedFilter)\"\n class=\"btn btn-success\">{{filtersService.translator.applyLabel}}</button>\n\n </div>\n <div (click)=\"$event.stopPropagation(); close()\" class=\"ngx-chip-filter-bottom-sheet-close-icon\"></div>\n </div>\n </div>\n\n\n</ng-container>\n\n", encapsulation: ViewEncapsulation.None, styles: [".ngx-chip-filter-wrap{grid-gap:8px;height:100%;overflow:auto}.ngx-chip-filter-item,.ngx-chip-filter-wrap{align-items:center;display:flex;flex-wrap:nowrap;padding:8px}.ngx-chip-filter-item{align-content:center;background:#e0e0e0;border:1px solid #fff;border-radius:16px;box-sizing:border-box;cursor:pointer;grid-gap:5px;height:1px;min-height:32px;opacity:.95;text-align:center;white-space:nowrap}.ngx-chip-filter-selected-value{align-items:center;display:flex;grid-gap:4px}.ngx-chip-filter-item:hover{opacity:1}.ngx-chip-filter-item-remove-icon{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAABFUlEQVRIid2VTW7CQAyFP7UiZ+kCVrCDHqIpiDtBb0EERyoVZVsUtmFNWMyMVJk3kxDEon2SpZF/nh3P2IH/jgyYAxtgC5y8bIG1t2VdyafAHqgbZA/ktxA/Ax8tiK0sfWwjupD/TpLE+x3kQaLtyrju+RgYAaUgKoEhMDH6byIXPxckQ2/rmySl1+ELsHEzlWAjHI/AwNtfgB+hO4i4QiX4Eo622r45q9bVuDm5QhVxtl+SqjxIFRyfVKaWqBO2s1I+vEVr4aguVF28jVupBA9/pmrQJqQHbQS8Gv2OxIbNBdGt8hYjD7hn2S2ayMGt3GUH8tbrOiDHLa4m4h0t2hJDhnsRBfCJm9DKnwvcX6/Xlfxv4AK2lPndEfN11QAAAABJRU5ErkJggg==\");background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;opacity:.5;width:24px}.ngx-chip-filter-item-remove-icon:hover{opacity:.8}.ngx-chip-filter-bottom-sheet-warp{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12);left:50%;max-width:450px;min-height:90px;position:fixed;z-index:999}.ngx-chip-filter-bottom-sheet-container,.ngx-chip-filter-bottom-sheet-warp{background:#fff;border:1px solid #fff;border-top-left-radius:8px;border-top-right-radius:8px;color:rgba(0,0,0,.87);width:100%}.ngx-chip-filter-bottom-sheet-container{box-sizing:border-box;display:flex;flex-direction:column;grid-gap:20px;height:100%;outline:0;overflow:auto;padding:8px 16px 50px}.ngx-chip-filter-bottom-sheet-filters{display:flex;flex-wrap:wrap;grid-gap:10px}.ngx-chip-filter-bottom-sheet-close-icon{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAD/ElEQVRoge3ay29VVRQG8F+10ktQoa0tOJPoQEQrc6NOfBRBrcxQnEFwwiPoFHVsHJk08e8wUQKJmOILSsVnLMXHRCUqJCYaKwTNdbD3yT7o7e095+7bNoQvObnJXWt9e52z9l57nbUP17Gy0JeRawgP4QHcgzsxijVR/id+wff4Gh/gBH7L6ENtNPA8juEfNCtef+ModmFgiX0Hq/EizpecuoTjOIwJbMIgborXYPxvAi/jvWhT2P+EQ8LDWRJsw3clB05jN9bW4FqHPZgp8X2LrVk8XQANvFka8BM8lpF/HJ+W+Cf1IDobBMebwqLdhxtzDxI5D2Beivb6XOQbhXA3MYt7cxG3wRjm4pjfRB+6wkiJcBq3dUtYAYNCim4Ka3JDXaKGNJ0+kvaDpcQanJSmWa01UyzsWWGzWy4MS7NisqrxNmlhL8WaWAxjUgIY79RotbRP7OuNX7VwUFr8HU2xl6R9ohcpti768Zng28HFlAeEUqGJR3vrVy08Ifh23iJR2SVliE5xQigxRms4NipE/v0O9fukTPpsO8VjUWl3BWemo82Xqt3MaLRp4lQFu73R5shCCkNCWX1JtQKw7FCnN1PHpsAgLuPKQn4+E4nfrUBaYARfSPvO7RV06+zYU9H+yVbC16PwcA1iOnvK3USijFcjx2uthG9H4VM1yWkfmRyRKFDMnrdaCc9F4aYuBqD1U88ViQKbI9fZVsKLUTjc5SD83/GcN0Gowpu40Ep4OQpXZRiIq6dSjulUxoDUJwA3ZCLuFDnbTwvimpla18xiL9Lv010M0C7FVtk0F8MO/0m/5TUyG3/vr0k+KjTo7sNXeBg/l+QX8EiU3S3UdXUjMxZ/W0ZkQrjL4zWIq2x2OSJTlCjbWwkHpaJxXQXSpS4ah6Si8daFlI5G8j0ViE/XdKh8M9MV7F6INu+0U3ouKs1UIP5Ydy9WM5GjE/ThjODjznaKA/gxKj5ew7FeY7vg2w86OIY4FJXPWHnNh88F3/Z3YtCQer0HeudXZRQPeE6FQ6Gt0WheytnLiS34S/Cp8lHGpPQEctRfdTEiNOWaeKMOQUNKrSctTxP7ZqHDUnRaap8zjghlQJHrR3J41yGG8KF0HNf1gc9GKbRz6tdiVbClNOY53JGLeL00zeaF3mt/LvIS+oXsVCzsU/K8v1yFhpQAmkJDOdfpa59wlFHsE8XC7unZ+7gU9qJrv1coOqtiSKidirKjmEo5T4vboiFMr6KcaQoV6RReEfpOm4W0vSpew8Kh0Y6oMyU1PIqyY79l+gJiQOiKHxFeAap+wnFFeDPdqcsbyNnVWCt8VPOg8N5/l5Cub4nyP/CrkErPCkcJU/g9ow/XsWLwL5eGYaYJGYloAAAAAElFTkSuQmCC\");background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;height:38px;opacity:.5;position:absolute;right:10px;top:10px;width:38px}html[dir=rtl] .ngx-chip-filter-bottom-sheet-close-icon{left:10px;right:unset}.ngx-chip-filter-bottom-sheet-close-icon:hover{opacity:1}.ngx-chip-filter-bottom-sheet-back-drop{background:#e0e0e0;bottom:0;left:0;opacity:.5;position:fixed;right:0;top:0;z-index:998}.ngx-chip-filter-bottom-sheet-title{font-size:large;font-weight:bolder;margin:8px 0;padding:8px 0}.hasFilter{background:#ffcdd2;border-color:#e57373}@keyframes bottomSheetMobile{0%{transform:translate(-50%,1000px)}to{transform:translate(-50%)}}@keyframes bottomSheet{0%{transform:translate(-50%,1000px)}to{transform:translate(-50%,-50%)}}@media (max-width:599.9px){.ngx-chip-filter-bottom-sheet-warp{animation:bottomSheetMobile .35s linear;bottom:0;transform:translate(-50%)}}@media (min-width:600px){.ngx-chip-filter-bottom-sheet-warp{animation:bottomSheet .35s linear;border-radius:8px;top:50%;transform:translate(-50%,-50%)}.ngx-chip-filter-wrap::-webkit-scrollbar{height:8px;width:3px}.ngx-chip-filter-wrap::-webkit-scrollbar-track{background:#f1f1f1}.ngx-chip-filter-wrap::-webkit-scrollbar-thumb{background:#888}.ngx-chip-filter-wrap::-webkit-scrollbar-thumb:hover{background:#555}.ngx-chip-filter-bottom-sheet-container{border-radius:8px}}.ngx-chip-filter-bottom-sheet-filters mat-form-field{max-width:350px;width:100%}.ngx-chip-filter-bottom-sheet-filters>*{width:100%}", ".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}"] },] } ]; NgxChipFilterComponent.ctorParameters = () => [ { type: Injector } ]; NgxChipFilterComponent.propDecorators = { filteredFilters: [{ type: Input }], filteredFiltersChange: [{ type: Output }], afterFilterChange: [{ type: Input }], hasClearAll: [{ type: Input }], filterChange: [{ type: Output }], filters: [{ type: Input }], showSelectedValue: [{ type: Input }], afterClose: [{ type: Output }], afterOpen: [{ type: Output }], apply: [{ type: Output }], filterDialogRef: [{ type: ViewChild, args: ['filterDialogRef',] }], dateFilter: [{ type: ViewChild, args: ['dateFilter',] }], numberBox: [{ type: ViewChild, args: ['numberBox',] }] }; //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNoaXAtZmlsdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9hLm1vaGFtbWFkaS9zb3VyY2UvcmVwb3MvTXlsaWJyYXJ5L0FuZ3VsYXIuTGlicmFyeS9saWJzL3Byb2plY3RzL25neC1maWx0ZXJzL3NyYy8iLCJzb3VyY2VzIjpbImxpYi9uZ3gtY2hpcC1maWx0ZXIvbmd4LWNoaXAtZmlsdGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUVULFlBQVksRUFDWixRQUFRLEVBQ1IsS0FBSyxFQUVMLE1BQU0sRUFDTixXQUFXLEVBQ1gsU0FBUyxFQUNULGlCQUFpQixFQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUMsb0JBQW9CLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUNsRCxPQUFPLEVBQVMsV0FBVyxFQUF1QixNQUFNLGNBQWMsQ0FBQztBQVV2RSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsb0JBQW9CO0lBbUI5RCxZQUFZLFFBQWtCO1FBQzVCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQW5CbEIsV0FBTSxHQUFHLEtBQUssQ0FBQztRQUlOLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ2xCLGlCQUFZLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDakUsWUFBTyxHQUFhLEVBQUUsQ0FBQztRQUN2QixzQkFBaUIsR0FBRyxLQUFLLENBQUM7UUFDekIsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDckMsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFFcEMsVUFBSyxHQUFHLElBQUksWUFBWSxFQUF3QixDQUFDO1FBd0MzRCxlQUFVLEdBQUcsR0FBRyxFQUFFO1lBQ2hCLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDO1lBQzNCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekIsQ0FBQyxDQUFBO1FBbkNDLElBQUksQ0FBQyxVQUFVLEdBQUcsUUFBUSxDQUFDLEdBQUcsQ0FBQyxXQUFXLENBQUMsQ0FBQztJQUM5QyxDQUFDO0lBRUQsS0FBSztRQUNILE1BQU0sS0FBSyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUM3RCxJQUFJLEtBQUssSUFBSSxDQUFDLEVBQUU7WUFDZCxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUM1RSxJQUFJLE1BQU0sRUFBRTtnQkFDVixJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2FBQ3ZEO1NBQ0Y7UUFDRCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztRQUMzQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxRQUFRO1FBQ04sS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFFRCxVQUFVLENBQUMsTUFBYztRQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssSUFBSSxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDM0UsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxFQUFFO2dCQUN0QyxRQUFRLENBQUMsZUFBZSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2FBQzFFO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFDSCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQztJQUNyQixDQUFDO0lBUUQsT0FBTyxDQUFDLE1BQWM7UUFDcEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxXQUFXLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDeEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUUzQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsVUFBdUI7UUFDdkMsSUFBSSxVQUFVLElBQUksV0FBVyxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3pELElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFLENBQUM7U0FDakM7UUFDRCxJQUFJLFVBQVUsSUFBSSxXQUFXLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxTQUFTO1lBQ3BELElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxFQUFFLENBQUM7SUFFbkMsQ0FBQztJQUVELGVBQWU7SUFDZixDQUFDO0lBRUQsUUFBUSxDQUFDLEtBQUs7UUFDWixVQUFVLENBQUMsR0FBRyxFQUFFOztZQUNkLEtBQUssQ0FBQyxLQUFLLGVBQUcsS0FBSyxDQUFDLFdBQVcsMENBQUUsT0FBTyxDQUFDLEtBQUssRUFBRSxFQUFFLG9DQUFLLEVBQUUsQ0FBQztRQUM1RCxDQUFDLENBQUMsQ0FBQTtJQUNKLENBQUM7OztZQXRGRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtnQkFDM0Isa21IQUErQztnQkFFL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7O2FBQ3RDOzs7WUFuQkMsUUFBUTs7OzhCQXNCUCxLQUFLO29DQUNMLE1BQU07Z0NBQ04sS0FBSzswQkFDTCxLQUFLOzJCQUNMLE1BQU07c0JBQ04sS0FBSztnQ0FDTCxLQUFLO3lCQUNMLE1BQU07d0JBQ04sTUFBTTtvQkFFTixNQUFNOzhCQUVOLFNBQVMsU0FBQyxpQkFBaUI7eUJBQzNCLFNBQVMsU0FBQyxZQUFZO3dCQUN0QixTQUFTLFNBQUMsV0FBVyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbmplY3RvcixcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxuICBQTEFURk9STV9JRCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Tmd4RmlsdGVyc1BhcmVudEJhc2V9IGZyb20gXCIuLi9uZ3gtZmlsdGVycy1wYXJlbnQtYmFzZVwiO1xuaW1wb3J0IHtpc1BsYXRmb3JtQnJvd3Nlcn0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHtGaWx0ZXIsIEZpbHRlclR5cGVzLCBOZ3hBcHBseUZpbHRlclJlc3VsdH0gZnJvbSBcIi4uL25neC10eXBlc1wiO1xuaW1wb3J0IHtOZ3hEYXRlRmlsdGVyQ29tcG9uZW50fSBmcm9tIFwiLi4vY29tcG9uZW50cy9kYXRlL25neC1kYXRlLWZpbHRlci9uZ3gtZGF0ZS1maWx0ZXIuY29tcG9uZW50XCI7XG5pbXBvcnQge05neE51bWJlckZpbHRlckNvbXBvbmVudH0gZnJvbSAnLi4vY29tcG9uZW50cy9udW1iZXItYm94L25neC1udW1iZXItZmlsdGVyL25neC1udW1iZXItZmlsdGVyLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ25neC1jaGlwLWZpbHRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9uZ3gtY2hpcC1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9uZ3gtY2hpcC1maWx0ZXIuY29tcG9uZW50LnNjc3MnLCAnLi4vbmd4LWZpbHRlcnMuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZVxufSlcbmV4cG9ydCBjbGFzcyBOZ3hDaGlwRmlsdGVyQ29tcG9uZW50IGV4dGVuZHMgTmd4RmlsdGVyc1BhcmVudEJhc2UgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuICBpc09wZW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZmlsdGVyZWRGaWx0ZXJzOiBGaWx0ZXJbXTtcbiAgQE91dHB1dCgpIGZpbHRlcmVkRmlsdGVyc0NoYW5nZTogRXZlbnRFbWl0dGVyPEZpbHRlcltdPjtcbiAgQElucHV0KCkgYWZ0ZXJGaWx0ZXJDaGFuZ2U6IChmaWx0ZXI6IEZpbHRlcikgPT4gUHJvbWlzZTxhbnk+O1xuICBASW5wdXQoKSBoYXNDbGVhckFsbCA9IHRydWU7XG4gIEBPdXRwdXQoKSBmaWx0ZXJDaGFuZ2U6IEV2ZW50RW1pdHRlcjxGaWx0ZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxGaWx0ZXI+KCk7XG4gIEBJbnB1dCgpIGZpbHRlcnM6IEZpbHRlcltdID0gW107XG4gIEBJbnB1dCgpIHNob3dTZWxlY3RlZFZhbHVlID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBhZnRlckNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBhZnRlck9wZW4gPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgc2VsZWN0ZWRGaWx0ZXI6IEZpbHRlcjtcbiAgQE91dHB1dCgpIGFwcGx5ID0gbmV3IEV2ZW50RW1pdHRlcjxOZ3hBcHBseUZpbHRlclJlc3VsdD4oKTtcbiAgcGxhdGZvcm1JZDogYW55O1xuICBAVmlld0NoaWxkKCdmaWx0ZXJEaWFsb2dSZWYnKSBmaWx0ZXJEaWFsb2dSZWY6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuICBAVmlld0NoaWxkKCdkYXRlRmlsdGVyJykgZGF0ZUZpbHRlcjogTmd4RGF0ZUZpbHRlckNvbXBvbmVudDtcbiAgQFZpZXdDaGlsZCgnbnVtYmVyQm94JykgbnVtYmVyQm94OiBOZ3hOdW1iZXJGaWx0ZXJDb21wb25lbnQ7XG4gIGRpc3BsYXlMYWJlbFxuXG4gIGNvbnN0cnVjdG9yKGluamVjdG9yOiBJbmplY3Rvcikge1xuICAgIHN1cGVyKGluamVjdG9yKTtcbiAgICB0aGlzLnBsYXRmb3JtSWQgPSBpbmplY3Rvci5nZXQoUExBVEZPUk1fSUQpO1xuICB9XG5cbiAgY2xvc2UoKTogdm9pZCB7XG4gICAgY29uc3QgaW5kZXggPSB0aGlzLmlubmVyRmlsdGVycy5pbmRleE9mKHRoaXMuc2VsZWN0ZWRGaWx0ZXIpO1xuICAgIGlmIChpbmRleCA+PSAwKSB7XG4gICAgICBjb25zdCBmaWx0ZXIgPSB0aGlzLmZpbHRlcnMuZmluZCh6ID0+IHouZmllbGQgPT0gdGhpcy5zZWxlY3RlZEZpbHRlci5maWVsZCk7XG4gICAgICBpZiAoZmlsdGVyKSB7XG4gICAgICAgIHRoaXMuaW5uZXJGaWx0ZXJzW2luZGV4XSA9IHRoaXMuZ2V0Q2xvbmUoW2ZpbHRlcl0pWzBdO1xuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLmlzT3BlbiA9IGZhbHNlO1xuICAgIHRoaXMuc2VsZWN0ZWRGaWx0ZXIgPSBudWxsO1xuICAgIHRoaXMuYWZ0ZXJDbG9zZS5lbWl0KCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICB9XG5cbiAgc2hvd0ZpbHRlcihmaWx0ZXI6IEZpbHRlcik6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRGaWx0ZXIgPSB0aGlzLmlubmVyRmlsdGVycy5maW5kKHogPT4gei5maWVsZCA9PSBmaWx0ZXIuZmllbGQpO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgaWYgKGlzUGxhdGZvcm1Ccm93c2VyKHRoaXMucGxhdGZvcm1JZCkpIHtcbiAgICAgICAgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LmFwcGVuZENoaWxkKHRoaXMuZmlsdGVyRGlhbG9nUmVmLm5hdGl2ZUVsZW1lbnQpO1xuICAgICAgfVxuICAgIH0pO1xuICAgIHRoaXMuYWZ0ZXJPcGVuLmVtaXQoZmlsdGVyKTtcbiAgICB0aGlzLmlzT3BlbiA9IHRydWU7XG4gIH1cblxuICBhZnRlckFwcGx5ID0gKCkgPT4ge1xuICAgIHRoaXMuaXNPcGVuID0gZmFsc2U7XG4gICAgdGhpcy5zZWxlY3RlZEZpbHRlciA9IG51bGw7XG4gICAgdGhpcy5hZnRlckNsb3NlLmVtaXQoKTtcbiAgfVxuXG4gIG9uQ2xlYXIoZmlsdGVyOiBGaWx0ZXIpOiB2b2lkIHtcbiAgICB0aGlzLmZpbHRlcnNTZXJ2aWNlLmNsZWFyRmlsdGVyKGZpbHRlcik7XG4gICAgdGhpcy5hcHBseUZpbHRlcihmaWx0ZXIpO1xuXG4gIH1cblxuICBvbkNvbmRpdGlvbkNoYW5nZShmaWx0ZXJUeXBlOiBGaWx0ZXJUeXBlcyk6IHZvaWQge1xuICAgIGlmIChmaWx0ZXJUeXBlID09IEZpbHRlclR5cGVzLkRhdGVUaW1lICYmIHRoaXMuZGF0ZUZpbHRlcikge1xuICAgICAgdGhpcy5kYXRlRmlsdGVyLnJlZnJlc2hMYWJlbHMoKTtcbiAgICB9XG4gICAgaWYgKGZpbHRlclR5cGUgPT0gRmlsdGVyVHlwZXMuTnVtYmVyICYmIHRoaXMubnVtYmVyQm94KVxuICAgICAgdGhpcy5udW1iZXJCb3gucmVmcmVzaExhYmVscygpO1xuXG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gIH1cblxuICBzZXRUaXRsZSh0aXRsZSk6IGFueSB7XG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aXRsZS50aXRsZSA9IHRpdGxlLnRleHRDb250ZW50Py5yZXBsYWNlKC9cXG4vZywgJycpID8/ICcnO1xuICAgIH0pXG4gIH1cblxuICAvLyBhZnRlckFwcGx5KCk6IHZvaWQge1xuICAvLyAgIHRoaXMuY2xvc2UoKTtcbiAgLy8gfVxuXG5cbn1cbiJdfQ==