@dev-tcloud/tcloud-ui 0.0.37 → 0.0.39

package/fesm2020/dev-tcloud-tcloud-ui.mjs

@@ -2758,7 +2758,7 @@ class TCloudUiFiltersComponent {
         this.result = new EventEmitter();
     }
     set data(data) {
-        //this._data = data;
+        // this._data = JSON.parse(JSON.stringify(data));
     }
     get data() { return this._data; }
     set filters(filters) {
@@ -2768,22 +2768,32 @@ class TCloudUiFiltersComponent {
     ngOnInit() {
     }
     ngOnChanges(changes) {
-        const data = changes['data'].currentValue;
-        if (this._data !== data) {
-            this._data = JSON.parse(JSON.stringify(data));
-            this.search_data = JSON.parse(JSON.stringify(data));
-            this.init();
+        if (changes && changes['data']) {
+            const data = changes['data'].currentValue;
+            console.log('ngOnChanges data', data);
+            if (this._data !== data) {
+                this._data = JSON.parse(JSON.stringify(data));
+                this.search_data = JSON.parse(JSON.stringify(data));
+                this.init();
+            }
         }
-        const filters = changes['filters'].currentValue;
-        if (this._filters !== filters) {
-            this._filters = JSON.parse(JSON.stringify(filters));
-            this.init();
+        if (changes && changes['filters']) {
+            const filters = changes['filters'].currentValue;
+            if (this._filters !== filters) {
+                this._filters = JSON.parse(JSON.stringify(filters));
+                this.init();
+            }
         }
     }
     init() {
         if (this.data && this.filters) {
             this.show_filters = true;
-            this.toResult();
+            if (this.filters && (this.filters).length > 0) {
+                (this.filters).forEach((filter) => {
+                    this.searchIn(filter, undefined);
+                });
+            }
+            // this.toResult();
         }
     }
     normalize(text) {
@@ -2830,15 +2840,17 @@ class TCloudUiFiltersComponent {
         return current;
     }
     searchIn(item, event) {
-        if (typeof event === 'boolean') {
-            item.searchText = event;
-        }
-        else {
-            if (event === null) {
-                item.searchText = '';
+        if (event !== undefined) {
+            if (typeof event === 'boolean') {
+                item.searchText = event;
             }
             else {
-                item.searchText = (event.target.value).toUpperCase();
+                if (event === null) {
+                    item.searchText = '';
+                }
+                else {
+                    item.searchText = (event.target.value).toUpperCase();
+                }
             }
         }
         for (let i = 0; i < (this.data).length; i++) {
@@ -2900,10 +2912,10 @@ class TCloudUiFiltersComponent {
     }
 }
 TCloudUiFiltersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-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 class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ 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 class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ 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}.m-description{margin-bottom:3px}\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"] }] });
+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 class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ 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=\"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            </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 class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ 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}\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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiFiltersComponent, decorators: [{
             type: Component,
-            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 class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ 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 class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ 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}.m-description{margin-bottom:3px}\n"] }]
+            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 class=\"m-description\"><i [class.to-active]=\"_input.value !== ''\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ 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=\"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            </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 class=\"m-description\"><i [class.to-active]=\"_input.checked === true\" class=\"fas fa-filter icon-filter\"></i>&nbsp;{{ 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}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { data: [{
                 type: Input
             }], filters: [{
@@ -2935,6 +2947,188 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }] });
 
+class TCloudUiAccordionService {
+    constructor() {
+        this._stateToggle = new Subject();
+        this.stateToggle$ = this._stateToggle.asObservable();
+        this._stateLoading = new Subject();
+        this.stateLoading$ = this._stateLoading.asObservable();
+        this._stateDisabled = new Subject();
+        this.stateDisabled$ = this._stateDisabled.asObservable();
+    }
+    toggle(action) {
+        this._stateToggle.next(action);
+    }
+    getLoading() {
+        return this.loading;
+    }
+    setLoading(loading) {
+        this.loading = loading;
+        this._stateLoading.next(loading);
+    }
+    getShow() {
+        return this.show;
+    }
+    setDisabled(disabled) {
+        this._stateDisabled.next(disabled);
+    }
+    getDisabled() {
+        return this.disabled;
+    }
+}
+TCloudUiAccordionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TCloudUiAccordionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionService, decorators: [{
+            type: Injectable
+        }] });
+
+class TCloudUiAccordionComponent {
+    constructor(_tCloudUiAccordionService) {
+        this._tCloudUiAccordionService = _tCloudUiAccordionService;
+        this._disabled = false;
+        this._show = false;
+        this.onAction = new EventEmitter();
+        this._loading = false;
+    }
+    set disabled(v) {
+        this._disabled = v;
+        if (this._disabled) {
+            setTimeout(() => {
+                this._tCloudUiAccordionService.setDisabled(this._disabled);
+                this._tCloudUiAccordionService.toggle(false);
+            });
+        }
+    }
+    get disabled() { return this._disabled; }
+    set show(v) {
+        if (this._show !== v) {
+            this._show = v;
+            if (!this.disabled) {
+                setTimeout(() => { this._tCloudUiAccordionService.toggle(this._show); });
+            }
+        }
+    }
+    get show() { return this._show; }
+    /**
+     * loading - boolean - Coloca o modal em modo de carregamento - default false
+     */
+    set loading(loading) {
+        this._loading = loading;
+        this._tCloudUiAccordionService.setLoading(loading);
+    }
+    get loading() { return this._loading; }
+    ngOnInit() {
+        this._tCloudUiAccordionService.stateLoading$.subscribe((loading) => {
+            this.loading = loading;
+        });
+        this._tCloudUiAccordionService.stateToggle$.subscribe((show) => {
+            this.onAction.emit((show === true) ? 'open' : 'close');
+        });
+    }
+}
+TCloudUiAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionComponent, deps: [{ token: TCloudUiAccordionService }], target: i0.ɵɵFactoryTarget.Component });
+TCloudUiAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiAccordionComponent, selector: "tcloud-ui-accordion", inputs: { disabled: "disabled", show: "show", loading: "loading" }, outputs: { onAction: "onAction" }, providers: [
+        TCloudUiAccordionService
+    ], ngImport: i0, template: "<div class=\"tc-accordion\" [class.tc-accordion-disabled]=\"disabled\">\n    <ng-content></ng-content>\n</div>", styles: [".tc-accordion{border:1px solid #ccc;padding:8px 12px;border-radius:15px;margin-bottom:5px}.tc-accordion-disabled{background-color:#e3e3e3;opacity:.6}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-accordion', providers: [
+                        TCloudUiAccordionService
+                    ], template: "<div class=\"tc-accordion\" [class.tc-accordion-disabled]=\"disabled\">\n    <ng-content></ng-content>\n</div>", styles: [".tc-accordion{border:1px solid #ccc;padding:8px 12px;border-radius:15px;margin-bottom:5px}.tc-accordion-disabled{background-color:#e3e3e3;opacity:.6}\n"] }]
+        }], ctorParameters: function () { return [{ type: TCloudUiAccordionService }]; }, propDecorators: { disabled: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], onAction: [{
+                type: Output
+            }], loading: [{
+                type: Input
+            }] } });
+
+class TCloudUiAccordionTitleComponent {
+    constructor(_tCloudUiAccordionService) {
+        this._tCloudUiAccordionService = _tCloudUiAccordionService;
+        this.show = false;
+        this.loading = false;
+        this.disabled = false;
+    }
+    ngOnInit() {
+        this.loading = this._tCloudUiAccordionService.getLoading() || false;
+        this._tCloudUiAccordionService.stateLoading$.subscribe((loading) => {
+            this.loading = loading;
+        });
+        this.show = this._tCloudUiAccordionService.getShow() || false;
+        this._tCloudUiAccordionService.stateToggle$.subscribe((show) => {
+            this.show = show;
+        });
+        this.disabled = this._tCloudUiAccordionService.getDisabled() || false;
+        this._tCloudUiAccordionService.stateDisabled$.subscribe((disabled) => {
+            this.disabled = disabled;
+        });
+    }
+    toggle() {
+        console.log('this.disabled', this.disabled);
+        if (this.disabled) {
+            return;
+        }
+        this.show = !this.show;
+        this._tCloudUiAccordionService.toggle(this.show);
+    }
+}
+TCloudUiAccordionTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionTitleComponent, deps: [{ token: TCloudUiAccordionService }], target: i0.ɵɵFactoryTarget.Component });
+TCloudUiAccordionTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiAccordionTitleComponent, selector: "tcloud-ui-accordion-title", ngImport: i0, template: "<div class=\"tc-accordion-title\">\n    <table class=\"tc-accordion-table\">\n        <tr>\n            <td style=\"width: 100;\">\n                <ng-content></ng-content>\n            </td>\n            <td class=\"tc-accordion-actions\">\n                <button type=\"button\" class=\"tc-btn-accordion-toggle\" [disabled]=\"disabled\" (click)=\"toggle()\" >\n\n                    <i class=\"fas fa-chevron-right icon-toggle\" *ngIf=\"!show\"></i>\n                    <i class=\"fas fa-chevron-down icon-toggle\" *ngIf=\"show\"></i>\n\n                </button>\n            </td>\n        </tr>\n    </table>\n</div>", styles: [".tc-accordion-table{width:100%}.tc-accordion-actions{width:15px}.tc-btn-accordion-toggle{font-size:20px;border:none;background-color:transparent;background:none;cursor:pointer;margin:auto}.tc-btn-accordion-toggle:disabled{cursor:not-allowed!important;opacity:.6}.icon-toggle{color:var(--verde)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-accordion-title', template: "<div class=\"tc-accordion-title\">\n    <table class=\"tc-accordion-table\">\n        <tr>\n            <td style=\"width: 100;\">\n                <ng-content></ng-content>\n            </td>\n            <td class=\"tc-accordion-actions\">\n                <button type=\"button\" class=\"tc-btn-accordion-toggle\" [disabled]=\"disabled\" (click)=\"toggle()\" >\n\n                    <i class=\"fas fa-chevron-right icon-toggle\" *ngIf=\"!show\"></i>\n                    <i class=\"fas fa-chevron-down icon-toggle\" *ngIf=\"show\"></i>\n\n                </button>\n            </td>\n        </tr>\n    </table>\n</div>", styles: [".tc-accordion-table{width:100%}.tc-accordion-actions{width:15px}.tc-btn-accordion-toggle{font-size:20px;border:none;background-color:transparent;background:none;cursor:pointer;margin:auto}.tc-btn-accordion-toggle:disabled{cursor:not-allowed!important;opacity:.6}.icon-toggle{color:var(--verde)}\n"] }]
+        }], ctorParameters: function () { return [{ type: TCloudUiAccordionService }]; } });
+
+class TCloudUiAccordionBodyComponent {
+    constructor(_tCloudUiAccordionService) {
+        this._tCloudUiAccordionService = _tCloudUiAccordionService;
+        this.show = false;
+    }
+    ngOnInit() {
+        this.show = this._tCloudUiAccordionService.getShow() || false;
+        this._tCloudUiAccordionService.stateToggle$.subscribe((show) => {
+            this.show = show;
+        });
+    }
+}
+TCloudUiAccordionBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionBodyComponent, deps: [{ token: TCloudUiAccordionService }], target: i0.ɵɵFactoryTarget.Component });
+TCloudUiAccordionBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TCloudUiAccordionBodyComponent, selector: "tcloud-ui-accordion-body", ngImport: i0, template: "<div class=\"tc-accordion-content\" style=\"display: none;\" [class.show]=\"show\">\n    <ng-content></ng-content>\n</div>", styles: [".show{display:block!important}.tc-accordion-content{padding-top:15px;padding-bottom:15px}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionBodyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tcloud-ui-accordion-body', template: "<div class=\"tc-accordion-content\" style=\"display: none;\" [class.show]=\"show\">\n    <ng-content></ng-content>\n</div>", styles: [".show{display:block!important}.tc-accordion-content{padding-top:15px;padding-bottom:15px}\n"] }]
+        }], ctorParameters: function () { return [{ type: TCloudUiAccordionService }]; } });
+
+class TCloudUiAccordionModule {
+}
+TCloudUiAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TCloudUiAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionModule, declarations: [TCloudUiAccordionComponent,
+        TCloudUiAccordionTitleComponent,
+        TCloudUiAccordionBodyComponent], imports: [CommonModule], exports: [TCloudUiAccordionComponent,
+        TCloudUiAccordionTitleComponent,
+        TCloudUiAccordionBodyComponent] });
+TCloudUiAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TCloudUiAccordionComponent,
+                        TCloudUiAccordionTitleComponent,
+                        TCloudUiAccordionBodyComponent
+                    ],
+                    exports: [
+                        TCloudUiAccordionComponent,
+                        TCloudUiAccordionTitleComponent,
+                        TCloudUiAccordionBodyComponent
+                    ],
+                    imports: [
+                        CommonModule
+                    ]
+                }]
+        }] });
+
 class TCloudUiModule {
 }
 TCloudUiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TCloudUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -2952,6 +3146,7 @@ TCloudUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TCloudUiNumberStepModule,
         TCloudUiScrollBoxModule,
         TCloudUiFiltersModule,
+        TCloudUiAccordionModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -2969,6 +3164,7 @@ TCloudUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         TCloudUiNumberStepModule,
         TCloudUiScrollBoxModule,
         TCloudUiFiltersModule,
+        TCloudUiAccordionModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -2990,6 +3186,7 @@ TCloudUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         TCloudUiNumberStepModule,
         TCloudUiScrollBoxModule,
         TCloudUiFiltersModule,
+        TCloudUiAccordionModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -3007,6 +3204,7 @@ TCloudUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         TCloudUiNumberStepModule,
         TCloudUiScrollBoxModule,
         TCloudUiFiltersModule,
+        TCloudUiAccordionModule,
         // Directives
         TCloudUiDirectiveModule,
         // Pipes
@@ -3029,6 +3227,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TCloudUiNumberStepModule,
                         TCloudUiScrollBoxModule,
                         TCloudUiFiltersModule,
+                        TCloudUiAccordionModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -3049,6 +3248,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                         TCloudUiNumberStepModule,
                         TCloudUiScrollBoxModule,
                         TCloudUiFiltersModule,
+                        TCloudUiAccordionModule,
                         // Directives
                         TCloudUiDirectiveModule,
                         // Pipes
@@ -3069,5 +3269,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, MonthNamePipe, RespectivePipe, StatusInfoPipe, 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 };
+export { BytesPipe, CNPJPipe, CPFPipe, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR$2 as CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, MonthNamePipe, RespectivePipe, StatusInfoPipe, 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 };
 //# sourceMappingURL=dev-tcloud-tcloud-ui.mjs.map