@dev-tcloud/tcloud-ui 0.0.43 → 0.0.45
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 +91 -9
- package/esm2020/lib/_modules/tcloud-ui-filters/tcloud-ui-filters.mjs +10 -1
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +108 -17
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +107 -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,76 @@ 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
|
+
switch (filter_item.condition) {
|
|
2959
|
+
case TCCondition.gt:
|
|
2960
|
+
is_accept = !(+(filter_item.searchText) > +(item_value));
|
|
2961
|
+
break;
|
|
2962
|
+
case TCCondition.lt:
|
|
2963
|
+
is_accept = !(+(filter_item.searchText) < +(item_value));
|
|
2964
|
+
break;
|
|
2965
|
+
case TCCondition.gte:
|
|
2966
|
+
is_accept = !(+(filter_item.searchText) - 0.1 >= +(item_value));
|
|
2967
|
+
break;
|
|
2968
|
+
case TCCondition.lte:
|
|
2969
|
+
is_accept = !(+(filter_item.searchText) + 0.1 <= +(item_value));
|
|
2970
|
+
break;
|
|
2971
|
+
case TCCondition.equal:
|
|
2972
|
+
is_accept = !(+(filter_item.searchText) === +(item_value));
|
|
2973
|
+
break;
|
|
2974
|
+
default: is_accept = !(+(filter_item.searchText) == +(item_value));
|
|
2975
|
+
}
|
|
2976
|
+
}
|
|
2977
|
+
else {
|
|
2978
|
+
is_accept = !(+(filter_item.searchText) === +(item_value));
|
|
2979
|
+
}
|
|
2980
|
+
if (!is_accept) {
|
|
2981
|
+
this.setDataIndex(i, false);
|
|
2982
|
+
}
|
|
2983
|
+
}
|
|
2984
|
+
}
|
|
2887
2985
|
if (typeof (filter_item.searchText) === 'boolean' && filter_item.searchText) {
|
|
2888
2986
|
let item_value = this.collectionFind(this.data[i], filter_item.searchIn);
|
|
2889
2987
|
if (item_value && (item_value).length > 0) {
|
|
@@ -2905,7 +3003,7 @@ class TCloudUiFiltersComponent {
|
|
|
2905
3003
|
}
|
|
2906
3004
|
}
|
|
2907
3005
|
}
|
|
2908
|
-
}
|
|
3006
|
+
} // end for
|
|
2909
3007
|
this.toResult();
|
|
2910
3008
|
}
|
|
2911
3009
|
toResult() {
|
|
@@ -2935,12 +3033,12 @@ class TCloudUiFiltersComponent {
|
|
|
2935
3033
|
}
|
|
2936
3034
|
}
|
|
2937
3035
|
}
|
|
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
|
|
3036
|
+
TCloudUiFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, deps: [{ token: i1.DatePipe }], target: i0.ɵɵFactoryTarget.Component });
|
|
3037
|
+
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
3038
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, decorators: [{
|
|
2941
3039
|
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: [{
|
|
3040
|
+
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"] }]
|
|
3041
|
+
}], ctorParameters: function () { return [{ type: i1.DatePipe }]; }, propDecorators: { data: [{
|
|
2944
3042
|
type: Input
|
|
2945
3043
|
}], filters: [{
|
|
2946
3044
|
type: Input
|
|
@@ -3310,14 +3408,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
3310
3408
|
}]
|
|
3311
3409
|
}] });
|
|
3312
3410
|
|
|
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
3411
|
/*
|
|
3322
3412
|
* Public API Surface of tcloud-ui
|
|
3323
3413
|
*/
|
|
@@ -3326,5 +3416,5 @@ var TCFiltersType;
|
|
|
3326
3416
|
* Generated bundle index. Do not edit.
|
|
3327
3417
|
*/
|
|
3328
3418
|
|
|
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 };
|
|
3419
|
+
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
3420
|
//# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map
|