@dev-tcloud/tcloud-ui 0.0.33 → 0.0.34
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 +2 -2
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/dev-tcloud-tcloud-ui.mjs +2 -2
- package/fesm2015/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/fesm2020/dev-tcloud-tcloud-ui.mjs +2 -2
- package/fesm2020/dev-tcloud-tcloud-ui.mjs.map +1 -1
- package/package.json +1 -1
|
@@ -109,10 +109,10 @@ export class TCloudUiFiltersComponent {
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
TCloudUiFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
-
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" }, 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 <div><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=\"text\" \n class=\"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 </div>\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><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=\"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;
|
|
112
|
+
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" }, 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 <div><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=\"text\" \n class=\"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 </div>\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><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=\"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}\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"] }] });
|
|
113
113
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, decorators: [{
|
|
114
114
|
type: Component,
|
|
115
|
-
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 <div><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=\"text\" \n class=\"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 </div>\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><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=\"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;
|
|
115
|
+
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 <div><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=\"text\" \n class=\"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 </div>\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><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=\"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}\n"] }]
|
|
116
116
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
117
117
|
type: Input
|
|
118
118
|
}], filters: [{
|
package/esm2020/public-api.mjs
CHANGED
|
@@ -49,7 +49,7 @@ export * from './lib/_modules/tcloud-ui-number-step/tcloud-ui-number-step.compon
|
|
|
49
49
|
// UI-SCROLL-BOX
|
|
50
50
|
export * from './lib/_modules/tcloud-ui-scroll-box/tcloud-ui-scroll-box.module';
|
|
51
51
|
export * from './lib/_modules/tcloud-ui-scroll-box/tcloud-ui-scroll-box.component';
|
|
52
|
-
// UI-
|
|
52
|
+
// UI-FILTERS
|
|
53
53
|
export * from './lib/_modules/tcloud-ui-filters/tcloud-ui-filters';
|
|
54
54
|
export * from './lib/_modules/tcloud-ui-filters/tcloud-ui-filters.module';
|
|
55
55
|
export * from './lib/_modules/tcloud-ui-filters/tcloud-ui-filters.component';
|
|
@@ -63,4 +63,4 @@ export * from './lib/_pipes/index';
|
|
|
63
63
|
// SERVICES
|
|
64
64
|
export * from './lib/_services/loading-transitions.service';
|
|
65
65
|
export * from './lib/_services/search-in-object.service';
|
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL3RjbG91ZC11aS9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsd0JBQXdCLENBQUM7QUFFdkMsV0FBVztBQUNYLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYywwREFBMEQsQ0FBQztBQUN6RSxjQUFjLG1HQUFtRyxDQUFDO0FBQ2xILGNBQWMsK0ZBQStGLENBQUM7QUFDOUcsY0FBYyxtR0FBbUcsQ0FBQztBQUVsSCxjQUFjO0FBQ2QsY0FBYyw2REFBNkQsQ0FBQztBQUM1RSxjQUFjLGdFQUFnRSxDQUFDO0FBQy9FLGNBQWMsb0dBQW9HLENBQUM7QUFDbkgsY0FBYyw4RkFBOEYsQ0FBQztBQUM3RyxjQUFjLHNHQUFzRyxDQUFDO0FBQ3JILGNBQWMsZ0dBQWdHLENBQUM7QUFFL0csZ0JBQWdCO0FBQ2hCLGNBQWMsaUVBQWlFLENBQUM7QUFDaEYsY0FBYyxvRUFBb0UsQ0FBQztBQUVuRixpQkFBaUI7QUFDakIsY0FBYyw2RUFBNkUsQ0FBQztBQUM1RixjQUFjLGdGQUFnRixDQUFDO0FBRS9GLGtCQUFrQjtBQUNsQixjQUFjLHFFQUFxRSxDQUFDO0FBQ3BGLGNBQWMsd0VBQXdFLENBQUM7QUFFdkYsYUFBYTtBQUNiLGNBQWMsK0RBQStELENBQUM7QUFDOUUsY0FBYyxrRUFBa0UsQ0FBQztBQUNqRixjQUFjLG9HQUFvRyxDQUFDO0FBRW5ILGlCQUFpQjtBQUNqQixjQUFjLG1FQUFtRSxDQUFDO0FBQ2xGLGNBQWMsc0VBQXNFLENBQUM7QUFFckYsbUJBQW1CO0FBQ25CLGNBQWMsdUVBQXVFLENBQUM7QUFDdEYsY0FBYywwRUFBMEUsQ0FBQztBQUV6RixrQkFBa0I7QUFDbEIsY0FBYyxxRUFBcUUsQ0FBQztBQUNwRixjQUFjLHdFQUF3RSxDQUFDO0FBRXZGLGVBQWU7QUFDZixjQUFjLCtEQUErRCxDQUFDO0FBQzlFLGNBQWMsa0VBQWtFLENBQUM7QUFFakYsV0FBVztBQUNYLGNBQWMsdURBQXVELENBQUM7QUFDdEUsY0FBYywwREFBMEQsQ0FBQztBQUV6RSxpQkFBaUI7QUFDakIsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLHNFQUFzRSxDQUFDO0FBRXJGLGdCQUFnQjtBQUNoQixjQUFjLGlFQUFpRSxDQUFDO0FBQ2hGLGNBQWMsb0VBQW9FLENBQUM7QUFFbkYsYUFBYTtBQUNiLGNBQWMsb0RBQW9ELENBQUM7QUFDbkUsY0FBYywyREFBMkQsQ0FBQztBQUMxRSxjQUFjLDhEQUE4RCxDQUFDO0FBRTdFLGFBQWE7QUFDYixjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsNkNBQTZDLENBQUM7QUFDNUQsY0FBYyx5Q0FBeUMsQ0FBQztBQUV4RCxRQUFRO0FBQ1IsY0FBYyxrQ0FBa0MsQ0FBQztBQUNqRCxjQUFjLG9CQUFvQixDQUFDO0FBRW5DLFdBQVc7QUFDWCxjQUFjLDZDQUE2QyxDQUFDO0FBQzVELGNBQWMsMENBQTBDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIHRjbG91ZC11aVxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL3RjbG91ZC11aS5tb2R1bGUnO1xuXG4vLyBVSS1NT0RBTFxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW1vZGFsL3RjbG91ZC11aS1tb2RhbC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW1vZGFsL3RjbG91ZC11aS1tb2RhbC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW1vZGFsL2NvbXBvbmVudHMvdGNsb3VkLXVpLW1vZGFsLWhlYWRlci90Y2xvdWQtdWktbW9kYWwtaGVhZGVyLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbW9kYWwvY29tcG9uZW50cy90Y2xvdWQtdWktbW9kYWwtYm9keS90Y2xvdWQtdWktbW9kYWwtYm9keS5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW1vZGFsL2NvbXBvbmVudHMvdGNsb3VkLXVpLW1vZGFsLWZvb3Rlci90Y2xvdWQtdWktbW9kYWwtZm9vdGVyLmNvbXBvbmVudCc7XG5cbi8vIFVJLVRBQi1NRU5VXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktdGFiLW1lbnUvdGNsb3VkLXVpLXRhYi1tZW51Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktdGFiLW1lbnUvdGNsb3VkLXVpLXRhYi1tZW51LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktdGFiLW1lbnUvY29tcG9uZW50cy90Y2xvdWQtdWktdGFiLWNvbnRlbnQvdGNsb3VkLXVpLXRhYi1jb250ZW50LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktdGFiLW1lbnUvY29tcG9uZW50cy90Y2xvdWQtdWktdGFiLWhlYWQvdGNsb3VkLXVpLXRhYi1oZWFkLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktdGFiLW1lbnUvY29tcG9uZW50cy90Y2xvdWQtdWktdGFiLXN1YnRpdGxlL3RjbG91ZC11aS10YWItc3VidGl0bGUuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS10YWItbWVudS9jb21wb25lbnRzL3RjbG91ZC11aS10YWItdGl0bGUvdGNsb3VkLXVpLXRhYi10aXRsZS5jb21wb25lbnQnO1xuXG4vLyBVSS1MSU5IQS1MT0dPXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbGluaGEtbG9nby90Y2xvdWQtdWktbGluaGEtbG9nby5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWxpbmhhLWxvZ28vdGNsb3VkLXVpLWxpbmhhLWxvZ28uY29tcG9uZW50JztcblxuLy8gVUktU1RFUC1DSVJDTEVcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1saW5lLXN0ZXAtY2lyY2xlL3RjbG91ZC11aS1saW5lLXN0ZXAtY2lyY2xlLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbGluZS1zdGVwLWNpcmNsZS90Y2xvdWQtdWktbGluZS1zdGVwLWNpcmNsZS5jb21wb25lbnQnO1xuXG4vLyBVSS1NVUxUSS1TRUxFQ1RcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1tdWx0aS1zZWxlY3QvdGNsb3VkLXVpLW11bHRpLXNlbGVjdC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW11bHRpLXNlbGVjdC90Y2xvdWQtdWktbXVsdGktc2VsZWN0LmNvbXBvbmVudCc7XG5cbi8vIFVJLVRPT0xUSVBcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1kYXRhLWxpc3QvdGNsb3VkLXVpLWRhdGEtbGlzdC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWRhdGEtbGlzdC90Y2xvdWQtdWktZGF0YS1saXN0LmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktZGF0YS1saXN0L3RjbG91ZC11aS1kYXRhLWxpc3Qtb3B0aW9uL3RjbG91ZC11aS1kYXRhLWxpc3Qtb3B0aW9uLmNvbXBvbmVudCc7XG5cbi8vIFVJLU1VTFRJLUlOUFVUXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbXVsdGktaW5wdXQvdGNsb3VkLXVpLW11bHRpLWlucHV0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbXVsdGktaW5wdXQvdGNsb3VkLXVpLW11bHRpLWlucHV0LmNvbXBvbmVudCc7XG5cbi8vIFVJLUNIT0lDRS1JU1NVRVNcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1jaG9pY2UtaXNzdWVzL3RjbG91ZC11aS1jaG9pY2UtaXNzdWVzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktY2hvaWNlLWlzc3Vlcy90Y2xvdWQtdWktY2hvaWNlLWlzc3Vlcy5jb21wb25lbnQnO1xuXG4vLyBVSS1JTlBVVC1TRUFSQ0hcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1pbnB1dC1zZWFyY2gvdGNsb3VkLXVpLWlucHV0LXNlYXJjaC5tb2R1bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLWlucHV0LXNlYXJjaC90Y2xvdWQtdWktaW5wdXQtc2VhcmNoLmNvbXBvbmVudCc7XG5cbi8vIFVJLU5PVC1GT1VORFxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLW5vdC1mb3VuZC90Y2xvdWQtdWktbm90LWZvdW5kLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktbm90LWZvdW5kL3RjbG91ZC11aS1ub3QtZm91bmQuY29tcG9uZW50JztcblxuLy8gVUktVEFCTEVcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS10YWJsZS90Y2xvdWQtdWktdGFibGUubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS10YWJsZS90Y2xvdWQtdWktdGFibGUuY29tcG9uZW50JztcblxuLy8gVUktTlVNQkVSLVNURVBcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1udW1iZXItc3RlcC90Y2xvdWQtdWktbnVtYmVyLXN0ZXAubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1udW1iZXItc3RlcC90Y2xvdWQtdWktbnVtYmVyLXN0ZXAuY29tcG9uZW50JztcblxuLy8gVUktU0NST0xMLUJPWFxuZXhwb3J0ICogZnJvbSAnLi9saWIvX21vZHVsZXMvdGNsb3VkLXVpLXNjcm9sbC1ib3gvdGNsb3VkLXVpLXNjcm9sbC1ib3gubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1zY3JvbGwtYm94L3RjbG91ZC11aS1zY3JvbGwtYm94LmNvbXBvbmVudCc7XG5cbi8vIFVJLUZJTFRFUlNcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1maWx0ZXJzL3RjbG91ZC11aS1maWx0ZXJzJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19tb2R1bGVzL3RjbG91ZC11aS1maWx0ZXJzL3RjbG91ZC11aS1maWx0ZXJzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fbW9kdWxlcy90Y2xvdWQtdWktZmlsdGVycy90Y2xvdWQtdWktZmlsdGVycy5jb21wb25lbnQnO1xuXG4vLyBESVJFQ1RJVkVTXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fZGlyZWN0aXZlcy9kaXJlY3RpdmVzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fZGlyZWN0aXZlcy90b29sdGlwL3Rvb2x0aXAuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL19kaXJlY3RpdmVzL2FsaWduL2FsaWduLmRpcmVjdGl2ZSc7XG5cbi8vIFBJUEVTXG5leHBvcnQgKiBmcm9tICcuL2xpYi9fcGlwZXMvdGNsb3VkLXBpcGVzLm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fcGlwZXMvaW5kZXgnO1xuXG4vLyBTRVJWSUNFU1xuZXhwb3J0ICogZnJvbSAnLi9saWIvX3NlcnZpY2VzL2xvYWRpbmctdHJhbnNpdGlvbnMuc2VydmljZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9fc2VydmljZXMvc2VhcmNoLWluLW9iamVjdC5zZXJ2aWNlJzsiXX0=
|
|
@@ -2863,10 +2863,10 @@ class TCloudUiFiltersComponent {
|
|
|
2863
2863
|
}
|
|
2864
2864
|
}
|
|
2865
2865
|
TCloudUiFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2866
|
-
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" }, 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 <div><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=\"text\" \n class=\"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 </div>\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><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=\"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;
|
|
2866
|
+
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" }, 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 <div><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=\"text\" \n class=\"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 </div>\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><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=\"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}\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"] }] });
|
|
2867
2867
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, decorators: [{
|
|
2868
2868
|
type: Component,
|
|
2869
|
-
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 <div><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=\"text\" \n class=\"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 </div>\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><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=\"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;
|
|
2869
|
+
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 <div><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=\"text\" \n class=\"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 </div>\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><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=\"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}\n"] }]
|
|
2870
2870
|
}], ctorParameters: function () { return []; }, propDecorators: { data: [{
|
|
2871
2871
|
type: Input
|
|
2872
2872
|
}], filters: [{
|