@dev-tcloud/tcloud-ui 0.0.43 → 0.0.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.component.mjs +94 -9
- package/esm2020/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.mjs +10 -1
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +111 -17
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +110 -17
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.component.d.ts +4 -1
- package/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.d.ts +10 -1
- package/package.json +1 -1
|
@@ -2757,8 +2757,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
2757
2757
|
}]
|
|
2758
2758
|
}], ctorParameters: function () { return []; } });
|
|
2759
2759
|
|
|
2760
|
+
var TCFiltersType;
|
|
2761
|
+
(function (TCFiltersType) {
|
|
2762
|
+
TCFiltersType["text"] = "text";
|
|
2763
|
+
TCFiltersType["number"] = "number";
|
|
2764
|
+
TCFiltersType["select"] = "select";
|
|
2765
|
+
TCFiltersType["boolean"] = "boolean";
|
|
2766
|
+
TCFiltersType["datetime"] = "datetime-local";
|
|
2767
|
+
})(TCFiltersType || (TCFiltersType = {}));
|
|
2768
|
+
var TCCondition;
|
|
2769
|
+
(function (TCCondition) {
|
|
2770
|
+
TCCondition["equal"] = "equal";
|
|
2771
|
+
TCCondition["gte"] = "gte";
|
|
2772
|
+
TCCondition["lte"] = "lte";
|
|
2773
|
+
TCCondition["lt"] = "lt";
|
|
2774
|
+
TCCondition["gt"] = "gt";
|
|
2775
|
+
})(TCCondition || (TCCondition = {}));
|
|
2776
|
+
|
|
2760
2777
|
class TCloudUiFiltersComponent {
|
|
2761
|
-
constructor() {
|
|
2778
|
+
constructor(datepipe) {
|
|
2779
|
+
this.datepipe = datepipe;
|
|
2762
2780
|
this.inputs = [];
|
|
2763
2781
|
this.show_filters = false;
|
|
2764
2782
|
this.result = new EventEmitter();
|
|
@@ -2850,7 +2868,12 @@ class TCloudUiFiltersComponent {
|
|
|
2850
2868
|
}
|
|
2851
2869
|
return current;
|
|
2852
2870
|
}
|
|
2871
|
+
addHours(date, h) {
|
|
2872
|
+
date.setTime(date.getTime() + (h * 60 * 60 * 1000));
|
|
2873
|
+
return date;
|
|
2874
|
+
}
|
|
2853
2875
|
searchIn(item, event) {
|
|
2876
|
+
console.log('searchIn event', event?.target?.valueAsDate);
|
|
2854
2877
|
if (event !== undefined) {
|
|
2855
2878
|
if (typeof event === 'boolean') {
|
|
2856
2879
|
item.searchText = event;
|
|
@@ -2861,7 +2884,12 @@ class TCloudUiFiltersComponent {
|
|
|
2861
2884
|
item.searchText = '';
|
|
2862
2885
|
}
|
|
2863
2886
|
else {
|
|
2864
|
-
|
|
2887
|
+
if (event?.target?.valueAsDate) {
|
|
2888
|
+
item.searchText = event?.target?.valueAsDate;
|
|
2889
|
+
}
|
|
2890
|
+
else {
|
|
2891
|
+
item.searchText = (event.target.value).toUpperCase();
|
|
2892
|
+
}
|
|
2865
2893
|
this.onChange.emit(true);
|
|
2866
2894
|
}
|
|
2867
2895
|
}
|
|
@@ -2871,7 +2899,7 @@ class TCloudUiFiltersComponent {
|
|
|
2871
2899
|
this.setDataIndex(i, true);
|
|
2872
2900
|
for (let j = 0; j < (this.filters).length; j++) {
|
|
2873
2901
|
const filter_item = this.filters[j];
|
|
2874
|
-
if (filter_item.searchText && typeof (filter_item.searchText) === 'string' && filter_item.searchText !== '') {
|
|
2902
|
+
if (filter_item.searchText && typeof (filter_item.searchText) === 'string' && filter_item.searchText !== '' && filter_item.type !== TCFiltersType.number) {
|
|
2875
2903
|
filter_item.searchText = this.normalize(filter_item.searchText);
|
|
2876
2904
|
let item_value = this.collectionFind(this.data[i], filter_item.searchIn);
|
|
2877
2905
|
if (item_value) {
|
|
@@ -2884,6 +2912,79 @@ class TCloudUiFiltersComponent {
|
|
|
2884
2912
|
this.setDataIndex(i, false);
|
|
2885
2913
|
}
|
|
2886
2914
|
}
|
|
2915
|
+
if (filter_item.searchText && filter_item.searchText instanceof Date && !isNaN(filter_item.searchText.valueOf()) && filter_item.type === TCFiltersType.datetime) {
|
|
2916
|
+
let item_value = this.collectionFind(this.data[i], filter_item.searchIn);
|
|
2917
|
+
try {
|
|
2918
|
+
item_value = new Date(item_value);
|
|
2919
|
+
}
|
|
2920
|
+
catch (error) { }
|
|
2921
|
+
if (item_value && item_value instanceof Date && !isNaN(item_value.valueOf())) {
|
|
2922
|
+
let is_accept = false;
|
|
2923
|
+
const dt_target = (filter_item.searchText).getTime() + (3 * 60 * 60 * 1000);
|
|
2924
|
+
const dt_current = (item_value).getTime();
|
|
2925
|
+
if (filter_item.condition) {
|
|
2926
|
+
switch (filter_item.condition) {
|
|
2927
|
+
case TCCondition.gt:
|
|
2928
|
+
is_accept = !(+(dt_target) > +(dt_current));
|
|
2929
|
+
break;
|
|
2930
|
+
case TCCondition.lt:
|
|
2931
|
+
is_accept = !(+(dt_target) < +(dt_current));
|
|
2932
|
+
break;
|
|
2933
|
+
case TCCondition.gte:
|
|
2934
|
+
is_accept = !(+(dt_target) >= +(dt_current));
|
|
2935
|
+
break;
|
|
2936
|
+
case TCCondition.lte:
|
|
2937
|
+
is_accept = !(+(dt_target) <= +(dt_current));
|
|
2938
|
+
break;
|
|
2939
|
+
case TCCondition.equal:
|
|
2940
|
+
is_accept = !(+(dt_target) === +(dt_current));
|
|
2941
|
+
break;
|
|
2942
|
+
default: is_accept = !(+(dt_target) == +(dt_current));
|
|
2943
|
+
}
|
|
2944
|
+
}
|
|
2945
|
+
else {
|
|
2946
|
+
is_accept = !(+(filter_item.searchText) === +(item_value));
|
|
2947
|
+
}
|
|
2948
|
+
if (!is_accept) {
|
|
2949
|
+
this.setDataIndex(i, false);
|
|
2950
|
+
}
|
|
2951
|
+
}
|
|
2952
|
+
}
|
|
2953
|
+
if (filter_item.searchText && typeof +(filter_item.searchText) === 'number' && filter_item.type === TCFiltersType.number) {
|
|
2954
|
+
let item_value = this.collectionFind(this.data[i], filter_item.searchIn);
|
|
2955
|
+
if (typeof +(item_value) === 'number') {
|
|
2956
|
+
let is_accept = false;
|
|
2957
|
+
if (filter_item.condition) {
|
|
2958
|
+
console.log('filter_item.condition', filter_item.condition);
|
|
2959
|
+
console.log('filter_item.searchText', +(filter_item.searchText));
|
|
2960
|
+
console.log('item_value', +(item_value));
|
|
2961
|
+
switch (filter_item.condition) {
|
|
2962
|
+
case TCCondition.gt:
|
|
2963
|
+
is_accept = !(+(filter_item.searchText) > +(item_value));
|
|
2964
|
+
break;
|
|
2965
|
+
case TCCondition.lt:
|
|
2966
|
+
is_accept = !(+(filter_item.searchText) < +(item_value));
|
|
2967
|
+
break;
|
|
2968
|
+
case TCCondition.gte:
|
|
2969
|
+
is_accept = !(+(filter_item.searchText) - 0.1 >= +(item_value));
|
|
2970
|
+
break;
|
|
2971
|
+
case TCCondition.lte:
|
|
2972
|
+
is_accept = !(+(filter_item.searchText) + 0.1 <= +(item_value));
|
|
2973
|
+
break;
|
|
2974
|
+
case TCCondition.equal:
|
|
2975
|
+
is_accept = !(+(filter_item.searchText) === +(item_value));
|
|
2976
|
+
break;
|
|
2977
|
+
default: is_accept = !(+(filter_item.searchText) == +(item_value));
|
|
2978
|
+
}
|
|
2979
|
+
}
|
|
2980
|
+
else {
|
|
2981
|
+
is_accept = !(+(filter_item.searchText) === +(item_value));
|
|
2982
|
+
}
|
|
2983
|
+
if (!is_accept) {
|
|
2984
|
+
this.setDataIndex(i, false);
|
|
2985
|
+
}
|
|
2986
|
+
}
|
|
2987
|
+
}
|
|
2887
2988
|
if (typeof (filter_item.searchText) === 'boolean' && filter_item.searchText) {
|
|
2888
2989
|
let item_value = this.collectionFind(this.data[i], filter_item.searchIn);
|
|
2889
2990
|
if (item_value && (item_value).length > 0) {
|
|
@@ -2905,7 +3006,7 @@ class TCloudUiFiltersComponent {
|
|
|
2905
3006
|
}
|
|
2906
3007
|
}
|
|
2907
3008
|
}
|
|
2908
|
-
}
|
|
3009
|
+
} // end for
|
|
2909
3010
|
this.toResult();
|
|
2910
3011
|
}
|
|
2911
3012
|
toResult() {
|
|
@@ -2935,12 +3036,12 @@ class TCloudUiFiltersComponent {
|
|
|
2935
3036
|
}
|
|
2936
3037
|
}
|
|
2937
3038
|
}
|
|
2938
|
-
TCloudUiFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2939
|
-
TCloudUiFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiFiltersComponent, selector: "tcloud-ui-filters", inputs: { data: "data", filters: "filters" }, outputs: { result: "result", onFilter: "onFilter", onChange: "onChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"show_filters\" class=\"area-filter\">\n <ng-container *ngFor=\"let item of filters; let i = index\">\n\n <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n \n <ng-container *ngIf=\"item.type !== 'select'\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"{{ item.type }}\" \n class=\"form-control tc-form-control\" \n (keyup)=\"searchIn(item, $event)\">\n <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <select \n #_input\n name=\"input_{{i+1}}\" \n class=\"form-control tc-form-control\" \n (change)=\"searchIn(item, $event)\">\n <option [ngValue]=\"\"></option>\n <ng-container *ngFor=\"let v of item.data\">\n <option [ngValue]=\"v.value\">{{ v.description }}</option>\n </ng-container>\n </select>\n <!-- <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button> -->\n </div>\n </ng-container>\n\n </div>\n\n\n \n </ng-container>\n\n <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div class=\"area-input-checkbox\">\n <div class=\"form-control tc-form-control\">\n <label>\n {{ item.placeholder }}\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"checkbox\" \n (change)=\"searchIn(item, _input.checked)\"> \n </label>\n </div> \n </div>\n </div>\n\n </ng-container>\n\n\n </ng-container>\n</div>\n\n<!-- <pre>{{ inputs | json }}</pre> -->\n <!-- <pre> {{ data | json }} </pre> -->\n\n
|
|
3039
|
+
TCloudUiFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
3040
|
+
TCloudUiFiltersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiFiltersComponent, selector: "tcloud-ui-filters", inputs: { data: "data", filters: "filters" }, outputs: { result: "result", onFilter: "onFilter", onChange: "onChange" }, usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"show_filters\" class=\"area-filter\">\n <ng-container *ngFor=\"let item of filters; let i = index\">\n\n <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n \n <ng-container *ngIf=\"item.type !== 'select'\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <input \n [attr.data-date-format]=\"( item.type === 'datetime-local' ) ? 'MM-DD-YYYY HH:mm' : null \"\n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \n class=\"form-control tc-form-control\" \n (keyup)=\"searchIn(item, $event)\">\n <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <select \n #_input\n name=\"input_{{i+1}}\" \n class=\"form-control tc-form-control\" \n (change)=\"searchIn(item, $event)\">\n <option [ngValue]=\"\"></option>\n <ng-container *ngFor=\"let v of item.data\">\n <option [ngValue]=\"v.value\">{{ v.description }}</option>\n </ng-container>\n </select>\n <!-- <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button> -->\n </div>\n </ng-container>\n\n </div>\n\n\n \n </ng-container>\n\n <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div class=\"area-input-checkbox\">\n <div class=\"form-control tc-form-control\">\n <label>\n {{ item.placeholder }}\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"checkbox\" \n (change)=\"searchIn(item, _input.checked)\"> \n </label>\n </div> \n </div>\n </div>\n\n </ng-container>\n\n\n </ng-container>\n</div>\n\n<!-- <pre>{{ inputs | json }}</pre> -->\n <!-- <pre> {{ data | json }} </pre> -->\n<!-- \n<p>FILTERS</p>\n<pre> {{ filters | json }}</pre> -->", styles: [".box-filter-input{display:inline-block;padding:10px 5px;position:relative}.area-filter{border:1px solid #eeeeee;border-radius:5px;margin-bottom:5px}.btn-clear-filter-text{position:absolute;right:8px;top:38px;background-color:#fff;border:none;cursor:pointer;color:#aaa}.to-hide{display:none}.icon-filter{color:#ccc}.to-active{color:var(--verde)}.area-input-checkbox label{cursor:pointer;margin-bottom:0;color:#9f9f9f}.m-description{margin-bottom:3px}input{color:#535353}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }] });
|
|
2940
3041
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, decorators: [{
|
|
2941
3042
|
type: Component,
|
|
2942
|
-
args: [{ selector: 'tcloud-ui-filters', template: "<div *ngIf=\"show_filters\" class=\"area-filter\">\n <ng-container *ngFor=\"let item of filters; let i = index\">\n\n <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n \n <ng-container *ngIf=\"item.type !== 'select'\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"{{ item.type }}\" \n class=\"form-control tc-form-control\" \n (keyup)=\"searchIn(item, $event)\">\n <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <select \n #_input\n name=\"input_{{i+1}}\" \n class=\"form-control tc-form-control\" \n (change)=\"searchIn(item, $event)\">\n <option [ngValue]=\"\"></option>\n <ng-container *ngFor=\"let v of item.data\">\n <option [ngValue]=\"v.value\">{{ v.description }}</option>\n </ng-container>\n </select>\n <!-- <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button> -->\n </div>\n </ng-container>\n\n </div>\n\n\n \n </ng-container>\n\n <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div class=\"area-input-checkbox\">\n <div class=\"form-control tc-form-control\">\n <label>\n {{ item.placeholder }}\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"checkbox\" \n (change)=\"searchIn(item, _input.checked)\"> \n </label>\n </div> \n </div>\n </div>\n\n </ng-container>\n\n\n </ng-container>\n</div>\n\n<!-- <pre>{{ inputs | json }}</pre> -->\n <!-- <pre> {{ data | json }} </pre> -->\n\n
|
|
2943
|
-
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
3043
|
+
args: [{ selector: 'tcloud-ui-filters', template: "<div *ngIf=\"show_filters\" class=\"area-filter\">\n <ng-container *ngFor=\"let item of filters; let i = index\">\n\n <ng-container *ngIf=\"!item.type || (item.type && item.type !== 'boolean')\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n \n <ng-container *ngIf=\"item.type !== 'select'\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <input \n [attr.data-date-format]=\"( item.type === 'datetime-local' ) ? 'MM-DD-YYYY HH:mm' : null \"\n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"{{ (item.type === 'number') ? 'text' : item.type }}\" \n class=\"form-control tc-form-control\" \n (keyup)=\"searchIn(item, $event)\">\n <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button>\n </div>\n </ng-container>\n\n <ng-container *ngIf=\"item.type === 'select' && item.data && (item.data).length > 0\" >\n <div class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div>\n <select \n #_input\n name=\"input_{{i+1}}\" \n class=\"form-control tc-form-control\" \n (change)=\"searchIn(item, $event)\">\n <option [ngValue]=\"\"></option>\n <ng-container *ngFor=\"let v of item.data\">\n <option [ngValue]=\"v.value\">{{ v.description }}</option>\n </ng-container>\n </select>\n <!-- <button class=\"btn-clear-filter-text\" [class.to-hide]=\"_input.value === ''\" (click)=\"searchIn(item, null); _input.value = ''\">\n <i class=\"fas fa-times\"></i>\n </button> -->\n </div>\n </ng-container>\n\n </div>\n\n\n \n </ng-container>\n\n <ng-container *ngIf=\"item.type && item.type === 'boolean'\">\n \n <div class=\"box-filter-input\" [style]=\"(item.width !== '') ? 'width:'+item.width : ''\">\n <div class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i> {{ item.description }}</div>\n <div class=\"area-input-checkbox\">\n <div class=\"form-control tc-form-control\">\n <label>\n {{ item.placeholder }}\n <input \n #_input\n placeholder=\"{{ (item.placeholder !== '') ? item.placeholder : '' }}\"\n name=\"input_{{i+1}}\" \n type=\"checkbox\" \n (change)=\"searchIn(item, _input.checked)\"> \n </label>\n </div> \n </div>\n </div>\n\n </ng-container>\n\n\n </ng-container>\n</div>\n\n<!-- <pre>{{ inputs | json }}</pre> -->\n <!-- <pre> {{ data | json }} </pre> -->\n<!-- \n<p>FILTERS</p>\n<pre> {{ filters | json }}</pre> -->", styles: [".box-filter-input{display:inline-block;padding:10px 5px;position:relative}.area-filter{border:1px solid #eeeeee;border-radius:5px;margin-bottom:5px}.btn-clear-filter-text{position:absolute;right:8px;top:38px;background-color:#fff;border:none;cursor:pointer;color:#aaa}.to-hide{display:none}.icon-filter{color:#ccc}.to-active{color:var(--verde)}.area-input-checkbox label{cursor:pointer;margin-bottom:0;color:#9f9f9f}.m-description{margin-bottom:3px}input{color:#535353}\n"] }]
|
|
3044
|
+
}], ctorParameters: function () { return [{ type: i1.DatePipe }]; }, propDecorators: { data: [{
|
|
2944
3045
|
type: Input
|
|
2945
3046
|
}], filters: [{
|
|
2946
3047
|
type: Input
|
|
@@ -3310,14 +3411,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
3310
3411
|
}]
|
|
3311
3412
|
}] });
|
|
3312
3413
|
|
|
3313
|
-
var TCFiltersType;
|
|
3314
|
-
(function (TCFiltersType) {
|
|
3315
|
-
TCFiltersType["text"] = "text";
|
|
3316
|
-
TCFiltersType["number"] = "number";
|
|
3317
|
-
TCFiltersType["select"] = "select";
|
|
3318
|
-
TCFiltersType["boolean"] = "boolean";
|
|
3319
|
-
})(TCFiltersType || (TCFiltersType = {}));
|
|
3320
|
-
|
|
3321
3414
|
/*
|
|
3322
3415
|
* Public API Surface of tcloud-ui
|
|
3323
3416
|
*/
|
|
@@ -3326,5 +3419,5 @@ var TCFiltersType;
|
|
|
3326
3419
|
* Generated bundle index. Do not edit.
|
|
3327
3420
|
*/
|
|
3328
3421
|
|
|
3329
|
-
export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCFiltersType, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDirectiveModule, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective };
|
|
3422
|
+
export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, MonthNamePipe, RespectivePipe, StatusInfoPipe, TCCondition, TCFiltersType, TCloudUiAccordionBodyComponent, TCloudUiAccordionComponent, TCloudUiAccordionModule, TCloudUiAccordionTitleComponent, TCloudUiAlignDirective, TCloudUiChoiceIssuesComponent, TCloudUiChoiceIssuesModule, TCloudUiDataListComponent, TCloudUiDataListModule, TCloudUiDataListOptionComponent, TCloudUiDirectiveModule, TCloudUiFiltersComponent, TCloudUiFiltersModule, TCloudUiInputSearchComponent, TCloudUiInputSearchModule, TCloudUiLineStepCircleComponent, TCloudUiLineStepCircleModule, TCloudUiLinhaLogoComponent, TCloudUiLinhaLogoModule, TCloudUiLoadingTransitionsService, TCloudUiModalBodyComponent, TCloudUiModalComponent, TCloudUiModalFooterComponent, TCloudUiModalHeaderComponent, TCloudUiModalModule, TCloudUiModule, TCloudUiMultiInputComponent, TCloudUiMultiInputModule, TCloudUiMultiSelectComponent, TCloudUiMultiSelectModule, TCloudUiNotFoundComponent, TCloudUiNotFoundModule, TCloudUiNumberStepComponent, TCloudUiNumberStepModule, TCloudUiPipesModule, TCloudUiScrollBoxComponent, TCloudUiScrollBoxModule, TCloudUiSearchInObjectService, TCloudUiTabContentComponent, TCloudUiTabHeadComponent, TCloudUiTabMenuComponent, TCloudUiTabMenuModule, TCloudUiTabSubtitleComponent, TCloudUiTabTitleComponent, TCloudUiTableComponent, TCloudUiTableModule, TCloudUiTooltipDirective };
|
|
3330
3423
|
//# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map
|